css爱心点赞代码

CSS爱心点赞是一种常见的网页特效，可以使网页更加有趣和互动。下面是一个简单的CSS爱心点赞代码示例：

.heart {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #e74c3c;
  position: relative;
  transform: rotate(45deg);
  margin-right: 5px;
}
.heart::before,
.heart::after {
  content: "";
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: inherit;
  border-radius: 50%;
}
.heart::before {
  top: -10px;
}
.heart::after {
  left: -10px;
}
.heart:hover {
  cursor: pointer;
  transform: scale(1.3) rotate(45deg);
}
 

在这个代码中，我们使用了CSS的伪元素以及transform属性来创建一个具有动效的爱心图标。通过:hover伪类，我们可以在鼠标悬停时改变该图标的颜色和大小，从而实现点赞功能。