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