写一个心形HTML动画包含文字“pinkky"并可以在微信打开
时间: 2024-05-09 22:17:40 浏览: 49
好的,以下是心形HTML动画的代码:
```html
<div style="position: relative; width: 150px; height: 150px;">
<div style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 24px;">
pinkky
</div>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
<path d="M50,10
C20,-22.5 -20,-22.5 -50,10
A45,45 0 0,1 50,10z" fill="#f58" transform="rotate(-45, 50, 50)">
<animate attributeName="d" dur="2s" repeatCount="indefinite"
values="M50,10 C20,-22.5 -20,-22.5 -50,10 A45,45 0 0,1 50,10z
M50,10 C20,55 -20,55 -50,10 A45,45 0 0,1 50,10z
M50,10 C20,-22.5 -20,-22.5 -50,10 A45,45 0 0,1 50,10z" />
</path>
</svg>
</div>
```
这个动画是一个粉色的心形,其中包含字母“pinkky”,并且心形会以缓慢的速度跳动。希望你喜欢这个动画!