是否可以将此动画复制到任何主题?

时间:2015-08-28 01:10:44

标签: css

我偶然发现TomKirk previewcode这个名为“Erase”的主题

我想知道当光标悬停在像Notes或reblog按钮之类的链接上时,只需将代码插入到css中就可以复制相同的动画。

1 个答案:

答案 0 :(得分:0)

是的,可以轻松地为您自己的应用程序重现悬停颜色变化。

我建议您查看有关转换的一些CSS3文档。有关CSS3过渡的一些很好的信息位于@ developer.mozilla.org上,可以看到here

对于悬停时更改颜色的链接,您将寻找类似的内容;



a {
  transition: color .5s ease 0s;
  -webkit-transition: color .5s ease 0s;
  cursor: pointer;
}
a:hover {
  color: red;
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <a>reblog</a>
</body>
</html>
&#13;
&#13;
&#13;

希望能帮到你! :d