Doğrusal Renk Geçişi 1

by fatihhayri

HTML

<div id="renkGecisi">

</div>

CSS

#renkGecisi{
    background: -moz-linear-gradient(#fff, #f8b500); /* FF3.6+ */
    background: -webkit-linear-gradient(#fff,#f8b500); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(#fff,#f8b500); /* Opera11.10+ */
    background: -ms-linear-gradient(#fff,#f8b500); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(#fff,#f8b500); /* W3C */
    width:300px;
    height:150px;
}<div id="renkGecisi">

</div>