linear-gradient - ppt

by redky

HTML

<div class="box top"></div>
<div class="box right"></div>
<div class="box bottom"></div>
<div class="box left"></div>

CSS

.box {
    margin: 10px;
    height: 100px;
}

.top    {background-image: -webkit-linear-gradient( top, #faa, #ffa );}
.right  {background-image: -webkit-linear-gradient( right, #faa, #ffa );}
.bottom {background-image: -webkit-linear-gradient( bottom, #faa, #ffa );}
.left   {background-image: -webkit-linear-gradient( left, #faa, #ffa );}