html紫色粒子爱心代码

HTML紫色粒子爱心代码可以通过CSS和JavaScript来实现。以下是一个简单的示例：

HTML代码：

<div class="heart"></div>

CSS代码：

.heart {
  width: 100px;
  height: 100px;
  background-color: purple;
  position: relative;
  transform: rotate(45deg);
}

.heart:before,
.heart:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: purple;
}

.heart:before {
  border-radius: 50%;
  top: -50px;
  left: 0;
}

.heart:after {
  border-radius: 50%;
  top: 0;
  left: 50px;
}

JavaScript代码：

const heart = document.querySelector('.heart');
heart.addEventListener('click', function() {
  heart.classList.toggle('active');
});

这段代码会创建一个紫色的爱心形状，并且当点击爱心时，会添加一个名为"active"的类，从而触发动画效果。