是否可以仅使用CSS设置永久动画的按钮/链接的样式?

时间:2018-11-23 11:18:34

标签: html css

通常,将鼠标悬停或单击它们时会使其具有动画效果,但我希望按钮始终保持动画状态以引起注意。例如,每隔几秒钟就会穿过一个渐变,或者渐变会稍微改变其颜色。

我想只能使用CSS + JS来完成,而不能仅使用CSS?

没错。这是一个PHP / HTML网站

1 个答案:

答案 0 :(得分:1)

您可以使用CSS动画-webkit-animation: NAME-YOUR-ANIMATION 5s infinite;来做到这一点。因此,您可以循环播放动画或结束过渡,以使其停留在animation-fill-mode: forwards;已结束的位置。请在此处https://css-tricks.com/snippets/css/keyframe-animation-syntax/

中阅读