本文重点解决HTML连载66-过度模块的连写、弹性效果问题,希望能够帮助到你
一、过渡模块的连写
1.过渡连写格式:
过渡属性 过渡时长 运动速度 延迟时间;
2.过渡连写注意点:
(1)和分开写一样,如果想要多个属性添加过渡效果,也是使用逗号来隔开即可。
(2)连写的时候可以省略后面的两个参数,因为只要编写了前面的两个参数就已经满足了过渡的三要素。
(3)如果多个属性运动的速度/延迟的时间/持续的时间都一样,那么可以简写为
transition:all 0s <style> *{ margin:0; padding:0; } div{ width: 100px; height: 50px; /*transition-property: width;*/ /*transition-duration: 5s;*/ /*transition:width 1s linear 1s,background-color 2s linear 1s;*/ transition:all 5s; } div:hover{ width: 300px; } .........省略代码........ <div></div>
本网刊登的文章均仅代表作者个人观点,并不代表本网立场。文中的论述和观点,敬请读者注意判断。