Radyal Renk Geçişi 2

Basit Radyal Renk Geçişi

by fatihhayri

HTML

<div id="renkGecisi">

</div>

CSS

#renkGecisi{
    background-image: -moz-radial-gradient(circle farthest-side, #FF9900, #FF0000, #FF9900); /* FF3.6+ */
    background-image: -webkit-radial-gradient(circle farthest-side, #FF9900, #FF0000, #FF9900); /* FF3.6+ */
    background-image: -webkit-gradient(radial, center center, 0, center center, 95, from(#FF9900), color-stop(50%, #FF0000), to(#FF9900)); /* Chrome,Safari4+ */
    background-image: radial-gradient(circle farthest-side, #FF9900, #FF0000, #FF9900); /* W3C */
    width:150px;
    height:150px;
}