图片发光效果 2
透明渐变效果 2
文字描边 2
背景拉伸 2
CSS3 选择器(Selector) 4
@Font-face 特性 7
Word-wrap & Text-overflow 样式 9
Word-wrap 9
Text-overflow 10
文字渲染( Text-decoration) 描边 12
CSS3 的多列布局(multi-column layout) 13
边框和颜色( color, border) 14
CSS3 的渐变效果(Gradient) 15
线性渐变 15
径向渐变 16
CSS3 的阴影(Shadow)和反射(Reflect)效果 19
CSS3 的背景效果 21
CSS3 的盒子模型 23
CSS3 的 Transitions, Transforms 和 Animation 30
Transitions 30
Transform 31
Animation 33
图片发光效果
text-shadow:#000 3px 0 0,#000 0 3px 0,#000 -3px 0 0,#000 0 -3px 0;
可以设置每个边的发光效果,繁琐些。。
透明渐变效果
background: radial-gradient(circle, rgba(230,251,12,1.00) 40% , rgba(230,251,12,1.00) , rgba(230,251,12,0)) ; /* 标准的语法 */
文字描边
与该使用 文字渲染( Text-decoration) 描边来做。。发光效果虽然也可,单效果不佳
背景拉伸
background-size:100% 100%;
CSS3 的 Transitions, Transforms 和 Animation 30
Transitions 30
transition-property :用于指定过渡 效果
Transform 31
Animation 33
们来说说 Animation 吧。它可以说开辟了 CSS 的新纪元,让 CSS 脱离了 “ 静止 ” 这一约定俗成的前提。以 web
深入了解 CSS3 新特性 .html
作者 :: 绰号 : 老哇的爪子 ( 全名:: Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 )
汉字名: 艾提拉( 艾龙) , EMAIL:1466519819@qq测试数据
转载请注明来源: http://HdhCmsTestcnblogs测试数据/attilax/
Atiend
查看更多关于Atitticss3新特性attilax总结的详细内容...