css3 阴影、文字旋转、圆角、投影
2017-09-29 15:22
507 查看
6、文字加阴影
text-shadow:5px 2px 6px #000; http://www.divcss5.com/css3-style/c734.shtml
文字旋转
.nav a{display:inline-block;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s
ease-in;}
.nav a:hover{ -webkit-transform:rotate(-10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg);}
兼容IE的圆角
http://www.cnblogs.com/leejersey/p/3187039.html
9、投影
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;background: #EEFF99;
https://zhidao.baidu.com/question/390490469.html
text-shadow:5px 2px 6px #000; http://www.divcss5.com/css3-style/c734.shtml
文字旋转
.nav a{display:inline-block;-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s
ease-in;}
.nav a:hover{ -webkit-transform:rotate(-10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg);}
兼容IE的圆角
http://www.cnblogs.com/leejersey/p/3187039.html
9、投影
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;background: #EEFF99;
https://zhidao.baidu.com/question/390490469.html
相关文章推荐
- 使IE浏览器支持CSS3属性(圆角、阴影、渐变、文字阴影)
- 面试题1.闭合标签有哪些??CSS3中阴影,文字增加特效,渐变,旋转,缩放
- css3常用代码 圆角 旋转 线性渐变 盒状阴影
- 从零开始学 Web 之 CSS3(二)颜色模式,文字阴影,盒模型,边框圆角,边框阴影
- 【转】CSS3 圆角 阴影 渐变 透明 旋转等功能详述
- CSS3边框 圆角 阴影,旋转
- CSS3文字与字体:text-overflow 与 word-wrap、@font-face、文本阴影text-shadow
- 超简单CSS3实现圆角、阴影、透明效果
- css圆角与阴影,[ie-css3.htc文件需要下载]
- CSS3 动态生成文字旋转动画样式
- Long Shadows Generate是一款在线使用纯CSS3实现长阴影的效果,一款强大的扁平化长投影制造器。
- CSS3系列教程:简介;圆角、边框半径和圆角;边框颜色;阴影
- CSS3的文字阴影—text-shadow
- CSS3+HTML5实现块阴影与文字阴影
- 让IE9以下版本的浏览支持html5标签,CSS3选择器,圆角,投影功能
- CSS3--文字阴影
- CSS3 (边框 圆角 阴影)
- 了解CSS3的文字阴影效果 - Text Shadow effects
- CSS3文字阴影实现乳白文字效果