是否可以启用:悬停暂停css3动画并更改其背景色?
我正在使用关键帧不断更改一个是否可以启用:悬停暂停css3动画并更改其背景色?,css,animation,colors,hover,css-animations,Css,Animation,Colors,Hover,Css Animations,我正在使用关键帧不断更改一个的字体颜色,关键帧设置的规则在级联中似乎具有更高的重要性。我不确定是否应该这样,但它具有最高的重要性@keyframes也应该这样做,否则这是一个bug。级联规范没有特别提到它们 您可以完全删除动画,而不是使用暂停 #box a:hover {-webkit-animation: none;color:red; font-size: 50px;} 关键帧设置的规则在级联中似乎具有更高的重要性。我不确定是否应该这样,但它具有最高的重要性@keyframes也应该这样做
的字体颜色,关键帧设置的规则在级联中似乎具有更高的重要性。我不确定是否应该这样,但它具有最高的重要性@keyframes
也应该这样做,否则这是一个bug。级联规范没有特别提到它们
您可以完全删除动画,而不是使用暂停
#box a:hover {-webkit-animation: none;color:red; font-size: 50px;}
关键帧设置的规则在级联中似乎具有更高的重要性。我不确定是否应该这样,但它具有最高的重要性@keyframes
也应该这样做,否则这是一个bug。级联规范没有特别提到它们
您可以完全删除动画,而不是使用暂停
#box a:hover {-webkit-animation: none;color:red; font-size: 50px;}
-webkit动画播放状态:暂停
和-webkit动画播放状态:运行
-webkit动画播放状态:暂停
和-webkit动画播放状态:运行
这正是我想要的。如果我想让它在:hover
上有一个不同的动画,我可以只添加@-webkit关键帧font2{0%,100%{font size:50px;color:red;}50%{color:black;}
和框a:hover{-webkit animation:fonti;font size:50px;}
@user2118228;您可以在jsfiddle中尝试它,但它似乎不起作用。psuedo类激活动画可能会有问题吗?嗯,我试了两次都没用。一定是语法错误。非常感谢您的帮助,先生。愿你的爆炸是爆炸性的!!!这个案子结案了!这是因为明确说明了更高的关键帧重要性。解释我的一个动画在元素上使用悬停(触发关键帧)时遇到的问题,不再考虑悬停的平滑过渡。这正是我想要的。如果我想让它在:hover
上有一个不同的动画,我可以只添加@-webkit关键帧font2{0%,100%{font size:50px;color:red;}50%{color:black;}
和框a:hover{-webkit animation:fonti;font size:50px;}
@user2118228;您可以在jsfiddle中尝试它,但它似乎不起作用。psuedo类激活动画可能会有问题吗?嗯,我试了两次都没用。一定是语法错误。非常感谢您的帮助,先生。愿你的爆炸是爆炸性的!!!这个案子结案了!这是因为明确说明了更高的关键帧重要性。解释我的一个动画在元素上使用悬停(触发关键帧)时遇到的问题不再考虑悬停的平滑过渡。