gpt4 book ai didi

javascript - 当悬停被移除或消失时如何应用过渡?

转载 作者:搜寻专家 更新时间:2023-10-31 22:20:08 25 4
gpt4 key购买 nike

<分区>

我已经使用伪类悬停为标题提供了过渡。但我希望它在 0.5 秒内以相同的立方贝塞尔过渡函数到达其原始位置。您可以看到它在悬停取消时突然返回。那么是否有任何用于悬停的伪类,或者我必须使用 jQuery 吗?

header{
background:#000;
padding:50px ;
-webkit-transition: 0s padding-bottom;
}
header:hover{
padding-bottom:90px;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.175,0.885,0.320,1.275);
}
<header>
</header>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com