Home/ Questions/Q 6745625
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T12:13:39+00:00

I have a which I am going to make into a button. The top

  • 0

I have a which I am going to make into a button. The top half should be #ffd41a and the bottom half should be #fac915. Here is a link to the button at present. http://jsfiddle.net/WnwNW/

The problem that I’m facing is how should I deal with two background colors. Is there a way to do what I’m trying to do without the need for addition divs or spans? Can I have two background attributes within the same CSS class?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    CSS3 provides a way to do this

    background-image: linear-gradient(to bottom, #FFD51A 50%, #FAC815 50%);
background-image: -o-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
background-image: -moz-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
background-image: -webkit-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
background-image: -ms-linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);

    http://jsfiddle.net/WnwNW/1/

    • 0