好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Atitticss3新特性attilax总结

Atitti css3 新特性 attilax 总结

图片发光效果 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总结的详细内容...

  阅读:30次