如何将声明的属性应用于元素afterCSS3 过渡结束了吗?我有类似的东西:
.something {
background: blue;
padding: 10px 0px;
background-clip: content-box;
transition: box-shadow 300ms;
}
.something:hover {
box-shadow: 0px 0px 3px blue;
padding: 0px;
margin: 10px 0px;
}
我希望在 300 毫秒内完成转换后应用 :hover 声明中的 padding 和 margin 属性。
你可以像这样添加延迟:
transition: box-shadow 300ms, padding 300ms 400ms;
The box-shadow
过渡将在悬停时开始并持续 300 毫秒,并且padding
将在 400 毫秒后开始,并再次持续 300 毫秒。
.something {
background: blue;
color: white;
padding: 0px;
background-clip: context-box;
transition: box-shadow 300ms, padding 300ms 400ms;
}
.something:hover {
box-shadow: 0px 0px 3px blue;
padding: 10px;
margin: 10px 0px;
}
<div class='something'>Something</div>
关于 CSS 技巧的文章 http://css-tricks.com/transition-delay-delays/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)