css 特效

div
{
-webkit-box-shadow: 10px 10px 5px #888888;
}//阴影

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ba5c5), to(#fff));//颜色变化

-webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(1, rgb(54,187,113)),
    color-stop(0.61, rgb(81,225,147)),
    color-stop(0, rgb(114,255,177))
)//渐变颜色