如何设置悬停假类的动画:之后和:之前?

时间:2017-04-28 17:20:57

标签: css class animation frontend pseudo-class

有人知道如何使这些悬停效果为伪类设置动画:after和:before ??

https://tympanus.net/Development/CreativeButtons/

谢谢,我正在努力学习,我不需要购买或下载该表

我刚刚对它进行了分析,看起来有一个元素:

p部分按钮(我发现的是一种更好的中心方式,非常好)

按钮的类:

.btn

基本悬停效果的普通伪类:

.btn:hover

在伪类之前和之后:

.btn:after

.btn:before

我不明白的是如何动画.btn:after和.btn:before

这里我有一张参考表,我自己在那里可以看到(css不干,因为它是参考表,将来我可以用它来查看特定的对象,类重用或修改

https://codepen.io/Heavybrush/pen/bWgXpx

0 个答案:

没有答案