CSS3过渡、关键帧、动画
CSS3过渡、关键帧、动画
提问于 2016-04-16 10:14:35
我一直在玩转场和动画，我想最大限度地利用它们的悬停。
我想知道是否有可能让动画在被悬停后发生，而不一定是在悬停的时候。例如，如果我想要一张图片在相关段落悬停后滑入并更改不透明度，我如何才能使其保持不变，而不保持该部分的鼠标？
我的最后一个问题是，类似于关键帧的东西是否可以用于过渡。我更喜欢转换，因为它们转换回原始状态，而不是捕捉回来。
我用一些基本的代码示例做了一个jsfiddle，我想知道如何扩展它们。希望这些例子有助于澄清我试图解释的内容。
Says I need code to link jsfiddle它们非常简单，第一个只是一个动画(从左到右)，我希望在悬停一次后保持不变。
第二个是过渡(从左到右)，我想知道是否可以制作一个类似于后面的动画(从左到右)的动画。
回答 1
Stack Overflow用户
发布于 2016-04-16 11:25:39
我更新了fiddle here
然而，“从左到右再到左”并不是通过过渡就能实现的。由于transition只有start状态和end状态，无法处理中间状态。看这儿。https://developer.mozilla.org/en-US/docs/Web/CSS/transition
您可以通过关键帧完成“从左到右到左”。例如。
@keyframes slideRight {
0% {
margin-left: 0em;
}
50% {
margin-left: 2em;
}
100% {
margin-left: 0em
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36659436
复制相关文章
相似问题
腾讯云开发者
