2012年02月22日 存档
2012年02月22日，星期三
在这个例子中鼠标经过是文字它旋转7度的动画效果。请用支持css3浏览器观看
.my_class {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.my_class:hover {
transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
}
看本文的例子
Mouse over this example paragraph to see it rotate 7degrees using a transform transition.
2012年02月22日，星期三
请注意本文请用ie8.0以上浏览器浏览
或者支持css3浏览器观看
以下是style代码
text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0;
font-size: 3.2em;
color: #fff;
text-align: center;
padding: 10px 0px 5px 0px;
background: #151515;
以下是我做的阴影效果
网络蛀虫小窝!
网络蛀虫小窝!