Saturday, July 23, 2011

Gradient-filled colorful boxes – in CSS

Want to make a nice gradient colored box without using ugly background images? Just apply this set of rules to any element, like DIV:
         
   

background-color: #00FF00;
background-image: -moz-linear-gradient(top, #00FF00, #FFFF00); /* Firefox */
background-image: -ms-linear-gradient(top, #00FF00, #FFFF00); /* IE10 */
background-image: -o-linear-gradient(top, #00FF00, #FFFF00); /* Opera */
background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#FFFF00)); /* Safari/Chrome */
background-image: -webkit-linear-gradient(top, [...]

Enterprises IT OPENWAVE SYSTEMS IT professional ON SEMICONDUCTOR computer network NVIDIA Computer Software NUANCE COMMUNICATIONS

Source: http://de77.com/css/gradient-filled-colorful-boxes-in-css

No comments:

Post a Comment