1.边框圆角,边框阴影 2.背景图片的大小 3.文本效果 4.字体@font-face用的少，毕竟引入字体文件都是比较大的，得不偿失。（非必要情况勿用） 5.元素2D 移动、旋转、放大/缩小、翻转；3D X轴旋转、Y轴旋转 6.过渡效果transition 7.动画@keyframes、animat ...
分类：
Web程序 时间：
2017-03-30 18:45:35
阅读次数：
288
圆角的Veiw XML 随意定义某个角是圆角加边框 ...
分类：
移动开发 时间：
2017-03-30 10:44:30
阅读次数：
224
摘自：http://www.xuebuyuan.com/825857.html 最近在使用3个span（或div）制作带圆角边框的按钮时，按照常识，把span的display设置成inline-block，这样就可以设置span的width和height了，很爽的~ 可是当我在中间的span写上文字 ...
分类：
其他好文 时间：
2017-02-25 19:44:09
阅读次数：
220
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类：
Web程序 时间：
2017-01-26 14:02:28
阅读次数：
234
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类：
Web程序 时间：
2017-01-11 08:04:42
阅读次数：
318
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类：
Web程序 时间：
2017-01-10 09:09:24
阅读次数：
237
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类：
Web程序 时间：
2017-01-07 00:03:04
阅读次数：
328
虽然css3的border-radius实现圆角很简单，但是我还是认为css2.1中好多技术还是很值得学习的，我也是后来才知道这就是传说中的滑动门技术。脑洞大开啊 附上demo 我觉得我写的注释只有我自己能看懂，哈哈哈哈，这个案例的图片设计的很有技巧，一般人真想不到，可通过审查元查看图片的样子，演示 ...
分类：
Web程序 时间：
2016-12-15 17:50:01
阅读次数：
246
3.4 CSS3圆角边框属性 在web页面上圆角效果很常见。圆角给页面增添曲线之美，让页面不那么生硬，但是为了设计圆角效果。 3.4.1 broder-radius 属性的语法及参数 语法： border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/” ...
分类：
Web程序 时间：
2016-12-13 07:10:35
阅读次数：
218
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类：
Web程序 时间：
2016-12-09 16:19:03
阅读次数：
505
