LygTom的博客

不知道大家对以前做的框框有什么感觉？ 是不是感觉太死板？没有圆润性？下面我们就来学习一下怎样把这些方方正正的边框处理的更加圆润！CSS3圆角优点：圆角的优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性。（1）border-radius：含义是“边框半径”，指定一个值，就能同时设置四个圆角的半径

4 CSS3阴影Shadow（阴影）text-shadow是给文本添加阴影效果，使用 text-shadow 属性给页面上的文字添加阴影效果，text-shadow 属性是在CSS2中定义的，在 CSS2.1 中删除了，在 CSS3 的 text 模块中又恢复了。text-shadow:5px 2px 2px rgba(64, 64, 64, 0.5),后面的参数分别是 水平偏移量

5 CSS3倒影（反射）Reflect：反射1.用法：根据浏览器的兼容性问题，使用box-reflect前需要加上-webkit的前缀。2.参数：反射的方向（above、below left、right）上下左右。-webkit-box-reflect: below10px2.2：倒影和本体的距离，可以为负数-webkit-box-reflect: below10p

6 CSS3渐变渐变为CSS3的新增属性，分为两种：线性渐变，径向渐变。1、线性渐变：Gradient：变化率，梯度变化曲线1）、-webkit-gradient（原始方法，参数多难写，但是参数多容易调整，就是老师说的拖拉机）background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(#2A8BBE),to(#FE28