爱心代码html
以下是一个简单的“爱心”HTML代码,当鼠标悬停在爱心上时,会有一个彩色动画。
```html
@keyframes heartBeat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
* {
transform: scale(1);
}
}
.heart {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
background-color: red;
transform: translate(-50%
-50%);
animation-name: heartBeat;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.heart:hover {
background-image: linear-gradient(to right
red
orange
yellow
green
blue
purple);
}
```
该代码创建了一个名为"heartBeat"的动画,使红色的爱心呼吸式闪动。爱心的大小为100像素,悬停在爱心上时会有一个彩色渐变动画。您可以将此代码放在``标签中使用,根据需要进行调整。
希望以上代码能满足您的需求!