css动画复习以及实现心动效果

心形是一个非常流行的形状,在这片文章里我们将使用纯css画出心形,然后使用css动画实现心动的效果. 在此之前,我们必须要了解伪元素::after 和 ::before的作用,::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。 在下面的例子里, :before 伪类元素用来给 class 为heart的元素添加一个正方形。 .heart:before { content: ; background-color: yellow; border-radius: 25%; position: abs