是否可以仅使用 CSS 设置永久动画按钮/链接的样式？ [复制]

Posted 2023-03-06

【中文标题】是否可以仅使用 CSS 设置永久动画按钮/链接的样式？ [复制]

【英文标题】：Is it possible to style a permanently animated button/link using CSS only? [duplicate]

【发布时间】：2019-04-26 00:12:45

【问题描述】：

通常，当它们悬停或单击它们时，它们会产生动画效果，但我想要一个始终保持动画效果的按钮来吸引注意力。例如，每隔几秒钟就会有一个渐变穿过它，或者它会稍微改变它的颜色。

我猜只能使用 CSS + JS 来完成，不能单独使用 CSS？

嘿嘿。这是一个 php/html 网站

【问题讨论】：

jsfiddle.net/30yrL4pe/1

【参考方案1】：

您可以使用 css 动画 -webkit-animation: NAME-YOUR-ANIMATION 5s infinite; 来做到这一点。所以你可以循环动画或结束你的过渡以保持在它结束的地方animation-fill-mode: forwards;。请阅读这里https://css-tricks.com/snippets/css/keyframe-animation-syntax/