之前很多效果都需要用到photoshop在Html5技术之前倒影效果需要贴图才能够实现的，而Html5中就可以用代码轻松来实现了。

　　圆角效果

　　如上图所展示的都有圆角，各种圆角在设计中可以加强用户的好感度，提升用户对整个网站的“粘度”，而且对美化网页起到了非常重要的效果。放在以前的话需要用背景图或者其他方式实现，最起码要有图片，如今html5对于圆角的支持已经很好了，直接写代码就可以根据需要随意控制圆角的半径大小，并且能够对其完美的展现。

　　渐变效果（线性渐变、径向渐变）

　　  　

    　你之前是怎样实现网页上的渐变呢？

　　我相信大多数人都是使用一像素背景重复的（单指线性渐变）。径向渐变的话一般都是整个图片。有没有更好的办法解决呢！！！

　　Html5提供了整个机遇，可以直接编写代码实现渐变（单指线性渐变）如上的左图展现的线性渐变能够很好的支持外，右图中心区域径向渐变效果的展现是不是也很理想。

　　还有更多等待我们去发现……