Atitticss3新特性attilax总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Atitticss3新特性attilax总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1329字，纯文字阅读大概需要2分钟。

内容图文

Atitti css3 新特性attilax总结

图片发光效果2

透明渐变效果2

文字描边2

背景拉伸2

CSS3 选择器（Selector）4

@Font-face 特性7

Word-wrap & Text-overflow 样式9

Word-wrap9

Text-overflow10

文字渲染（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 和 Animation30

Transitions30

Transform31

Animation33

图片发光效果

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 和 Animation30

Transitions30

transition-property：用于指定过渡效果

Transform31

Animation33

们来说说 Animation 吧。它可以说开辟了 CSS 的新纪元，让 CSS 脱离了“静止”这一约定俗成的前提。以 web

深入了解 CSS3 新特性.html

作者:: 绰号:老哇的爪子 （ 全名：：Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ）

汉字名：艾提拉（艾龙）， EMAIL:1466519819@qq.com

转载请注明来源： http://www.cnblogs.com/attilax/

Atiend

内容总结

以上是互联网集市为您收集整理的Atitticss3新特性attilax总结全部内容，希望文章能够帮你解决Atitticss3新特性attilax总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---