CSS基础-29CSS动画-过渡
来源:互联网 发布:机器人仿真软件dami 编辑:程序博客网 时间:2024/06/06 03:18
<!DOCTYPE html><!--CSS动画-过渡--><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link href="css08.css" type="text/css" rel="stylesheet"></head><body> <div>展示效果</div></body></html>
css:
div{ width: 100px; height: 100px; background-color: aqua; /*执行过度的动画效果*/ transition: width 2s,height 2s,transform 2s ; /*支持 chrome safari浏览器*/ -webkit-transition: width 2s,height 2s,-webkit-transform 2s ; /*延迟执行2s*/ transition-delay: 2s;}/*鼠标放上去时,出现的效果*/div:hover{ width: 200px; height: 200px; transform: rotate(360deg); -webkit-transform: rotate(360deg) ;}
0 0
- CSS基础-29CSS动画-过渡
- CSS动画-过渡
- css动画和过渡
- CSS 动画 过渡
- css动画之过渡
- css过渡和动画初学
- html css学习笔记-过渡,动画
- CSS-过渡效果和动画效果
- CSS过渡、动画、变换,综合实例
- vue2.0中css过渡动画总结
- CSS过渡
- 【CSS基础】css3 transition过渡属性<四>
- CSS基础-30CSS动画-动画
- 【CSS基础 】动画animation
- CSS基础动画样式
- CSS伪类的动画和过渡效果应用
- CSS的过渡效果及动画效果:transition&animation
- CSS实现鼠标悬浮内容自动撑开的过渡动画
- poj3616 dp
- springmvc restful 支持
- [转]SplayTree学习资料
- linux内核的总结
- Rabbit and Grass HDOJ(尼姆博弈)
- CSS基础-29CSS动画-过渡
- C语言:链队列
- Spark:大数据的“电光石火”
- CSS基础-30CSS动画-动画
- UVA11882 Biggest Number 强剪枝
- Photoshop 画笔工具下的模式选择的使用
- 播布客小布老师视频
- 笔记本无线网卡共享,亲自实践测试成功。
- HDU3480