css3 阴影、文字旋转、圆角、投影

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


你可能感兴趣的:(css)