(5.2)--4.2CSSTransitionWeb前端攻城狮.pdf
-
资源ID：67734403
资源大小：193.40KB
全文页数：8页
- 资源格式： PDF
下载积分：10金币
快捷下载
会员登录下载
微信登录下载
三方登录下载：
微信扫一扫登录
|
友情提示
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。
5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。
|
(5.2)--4.2CSSTransitionWeb前端攻城狮.pdf
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;?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,background 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
