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

标签 html css

<分区>

通常,当将鼠标悬停在它们上面或单击它们时,它们会变得生动,但我想要一个始终保持动画的按钮来吸引注意力。例如,渐变每隔几秒就会穿过它,或者它会稍微改变颜色。

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

不对。这是一个 PHP/HTML 网站

最佳答案

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

关于html - 是否可以仅使用 CSS 设置永久动画按钮/链接的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53445717/

上一篇:css - currentColor 设置为自定义属性在 Edge 中不起作用

下一篇:html - 如何创建此布局? child 比 parent /填充/flexbox 宽?

相关文章:

javascript - 将背景图像缩放到用户的浏览器大小

javascript - 无法显示商品详情

css - 我怎样才能将我的导航 div 的高度设置为它包含标题 div 的高度的 100%?

html - Bootstrap 3 在堆叠导航中对齐图像和链接

javascript - knockout : observable count value depending on a function

javascript - 单独的文件(HTML5、CSS 和 JS)

javascript - 在html页面上拖放后显示图像

css - 保持固定侧边栏距左侧 79%,但仍然没有空白

html - 选择子div但不嵌套

javascript - 如何将 R 包 (DT) 中的数据表包含到另一个 HTML 文件中