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: below 10px 2.2：倒影和本体的距离，可以为负数 -webkit-box-reflect: below 10p

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