How to add gradient to the box or button with CSS

How to add gradient to the box or button with CSS

on 

Masr Design

The lesson Today about CSS is adding gradient

is also very simple like the other lessons befor

just follow the explanation

Go to the CSS part and search about the element which

you want to add

then add the follownig code

background: -moz-linear-gradient(top, #ff0000 0%, #8e0202 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#8e0202)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #ff0000 0%,#8e0202 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #ff0000 0%,#8e0202 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #ff0000 0%,#8e0202 100%); /* IE10+ */

background: linear-gradient(to bottom, #ff0000 0%,#8e0202 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#8e0202',GradientType=0 ); /* IE6-9 */

 

 

 

 

 

you can change the color
ff0000 and 8e0202

the end of the lesson

any question contact me

Dont forget see other lessons click here

Masr Design

 

• Share
• Share
• Share
• Share
• Share

Masr Design

موقع مصر ديزين يرحب بكم