Radyal Renk Geçişi 1

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); /* FF3.6+ */
    background-image: -webkit-radial-gradient(circle farthest-side, #ff9900, #ff0000); /* Chrome10+,Safari5.1+ */
    background-image: -webkit-gradient(radial, center center, 0, center center, 95, from(#ff9900), to(#ff0000)); /* Chrome,Safari4+ */
    background-image: radial-gradient(circle farthest-side, #ff9900, #ff0000); /* W3C */
    width:150px;
    height:150px;
}