HTML愛心不停旋轉代碼

代碼如下：
/*樣式*/
.heart{
width: 14px;
height: 14px;
background-color: #f00;
position: absolute;
transform: rotate(45deg);
border-radius: 50% 50% 0 0;
animation: beat 1s ease infinite;    
}
.heart:after,
.heart:before{
position: absolute;
display: block;
width: 14px;
height: 14px;
content: "";
transform: rotate(45deg);
border-radius: 50% 50% 0 0;
background-color: #f00;
}
.heart:before{
left: -10px;
}
.heart:after{
top: -10px;
}
/*動畫*/
@keyframes beat {    
0% {
transform: scale(1) rotate(45deg);
}
20% {
transform: scale(0.9) rotate(45deg);
}
40% {
transform: scale(1) rotate(45deg);
}
60% {
transform: scale(0.9) rotate(45deg);
}
80% {
transform: scale(1) rotate(45deg);
}
100% {
transform: scale(0.7) rotate(45deg);
}
}

這個HTML愛心不停旋轉代碼可以讓您網頁的界面更加有趣和炫酷。代碼中通過設置樣式，并使用旋轉和動畫效果實現了愛心的不停旋轉。將代碼添加到您的HTML頁面中，您就可以得到一個炫酷的效果，為頁面增添了生機和趣味。如果您也想讓您的頁面更有吸引力，不妨試試這個HTML愛心不停旋轉代碼吧！