css - SVG 填充颜色悬停过渡不动画

标签 css wordpress svg

我有transition animations on an SVG一切正常,除了 .logo-square 和 .logo-bg 的填充颜色。颜色只是变化而没有任何漂亮的过渡。我肯定把它列为过渡,it works in my pen .

有人可以帮我看看我可能遗漏了什么吗?

最佳答案

事实证明,问题出在 Safari 如何使用与 SVG 相关的某些 CSS 属性进行渲染和行为。从那以后,我放弃了这种方式,转而采用更简单的图像悬停过渡方式。

关于css - SVG 填充颜色悬停过渡不动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23583972/

相关文章:

html - 如何在两个 tr 或行之间添加空格 - CSS

jquery - 显示更多抽搐 - jquery

javascript - 长按 safari iphone 上的链接后禁用上下文菜单

css - flex 容器中的 ui.bootstrap 下拉指令

php - 将同一张表上的多个 MySQL 查询合并为一个

php - 如何在不安装插件的情况下在 Wordpress 中安装适用于 PHP 的 AWS 开发工具包?

javascript - 将文本从大写形式转换为 div 内的大写形式

javascript - 如何在用 d3 绘制的 SVG map 上显示国家名称标签?

c# - SVG - 获取两条路径的差异路径

html - svg 代码动画不适用于边缘,但适用于任何其他浏览器