CSS3的高级特性
2015-12-07 16:10
513 查看
在开发CSS3时要记住添加相关的浏览器私有前缀以保证最广泛的浏览器兼容。(可以使用javascript,脚本地址为:http://leaverou.github.com/prefixfree/。或者去我的资源里下载也可以。)
1、文字阴影
基本语法:.element{text-shadow:1px 1px 1px #cccccc;} //.element{text-shadow:-1px -1px 1px #cccccc;}//左上方阴影 //.element{text-shadow:0 1px 0 hsla(0,0%,100%,0.75);}//浮雕 //.element{text-shadow:0 1px #cccccc,4px 4px 0px #dad7d7;}//多重文字阴影 //.element{text-shadow:none;}//取消阴影
记住,阴影值的速记规则永远是先向右再向下。因此,第一个值指的是右侧阴影的大小,第二个值指的是下方阴影的大小,第三个值指的是模糊距离(即阴影从开始变淡到完全消失的距离),最后一个值是阴影颜色。
想要最好的浮雕文字效果:不要模糊,不要水平阴影,仅在垂直方向设置1或2像素的“白影”即可。
想要了解W3C对text-shadow属性的标准定义 http://www.w3.org/TR/css3-text/#text-shadow
相关文章推荐
- 经典CSS实现三角形图标原理解析
- [CSS3] 盒模型 & overflow & resize & outline
- CSS中zoom和scale的区别
- 帝国CMS 调用标签的自带样式更改
- css3瀑布流
- WPF TreeView的简单样式
- DIV+CSS---HTML+CSS
- css3-逐帧动画
- CSS3颜色格式和透明度
- css基础
- [CSS3] opacity & alpha (rgba)
- 如何更改html文档中的element.css样式
- footer贴底的纯css实现方法
- css3动画效果
- css_1
- [CSS3] Background
- CSS常用选择器名
- [CSS3] 边框 Border
- CSS自定义滚动条样式
- 利用css做制作蜂窝布局