(5.2)--4.2CSSTransitionWeb前端攻城狮.pdf
( 4.5 )《(5.2)--4.2CSSTransitionWeb前端攻城狮.pdf》由会员分享，可在线阅读，更多相关《(5.2)--4.2CSSTransitionWeb前端攻城狮.pdf（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、4.2CSS Transitiontransition 过渡指定从个状态到另个状态时如何过渡动画的意义：告诉户发了什么transition 属性transition-propertytransition-durationtransition-timing-functiontransition-delay?div .box height:200px;background:coral;transition?property:height;transition?duration:1s;transition?timing?function:linear;.box:hover height:400px;
2、?stylehttps:/s.codepen.io/webzhao/debug/zyrYwL/yPAJjXnemnKA?div .box height:200px;background:coral;transition:all 1s linear;.box:hover height:400px;background:green;?stylehttps:/s.codepen.io/webzhao/debug/NexoVP/GnMnbNGJD?div .box height:200px;background:coral;transition:height 500ms linear,backgrou
3、nd 2s linear;.box:hover height:400px;background:green;?stylehttps:/s.codepen.io/webzhao/debug/ebJaOY/GnMnbNGJD?div .box height:200px;width:400px;background:coral;transition:height 1s linear,width 1s linear 1s;.box:hover height:400px;width:100px;?stylehttps:/s.codepen.io/webzhao/debug/JwGqdb/jVMpoyWLezjktransition-delaytransition-timing-functionlinearease-outlineareaseease-inease-outease-in-outsteps(4)https:/s.codepen.io/webzhao/debug/vvZrYj/yokZEWaXbOZA
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- 5.2 4.2 CSSTransitionWeb 前端 攻城
淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
限制150内