css3过度效果
2015-01-07 21:05
113 查看
<!DOCTYPE html> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> p a{ font-size:20px; display:block; font-weight:bold; background:#00aaFF; color:#FFF; width:200px; padding:10px; text-shadow:0px 1px #ccc; border-radius:5px; box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8); transition-property:all; transition-duration:2s; transition-timing-function:ease; transition-timing-function:cubic-bezier; transition-delay:0s; } a:hover{ background:#11ccaa; } </style> <script type="text/javascript"></script> </HEAD> <BODY> <p> <a href="#">Hello World !</a> </p> </BODY> </HTML>
相关文章推荐
- css3 过度效果之物体向上冒出
- CSS3过度效果及动画—总结
- css3实现web app翻页过度效果
- 35个让人惊讶的 CSS3 动画效果演示
- CSS3 keyframes动画实现弹跳效果
- CSS3灰度和虚化效果
- CSS3+HTML5特效7 - 特殊的 Loading 效果
- css3 animation 动画应用2 —— 打字效果 分类: css3 css动画 动画 animation 2014-11-04 16:00 411人阅读 评论(0) 收藏
- CSS3实现的3D按钮精美效果
- css3实现渐变的iPhone滑动解锁效果
- CSS3 box-reflect 倒影效果
- CSS3 实现六边形Div图片展示效果
- 代码:css3动画效果demo
- css3 3D动画效果
- 纯CSS3画出小黄人并实现动画效果
- CSS3-用过渡实现气泡效果
- CSS3中动画效果Transitions与Animations的区别
- 学习css3过渡效果,可以实现很好玩的东西,无需js
- html5 +css3 点击后水波纹扩散效果