HTML愛(ài)心不停旋轉(zhuǎn)代碼

代碼如下：
/*樣式*/
.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;
}
/*動(dòng)畫*/
@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);
}
}

這個(gè)HTML愛(ài)心不停旋轉(zhuǎn)代碼可以讓您網(wǎng)頁(yè)的界面更加有趣和炫酷。代碼中通過(guò)設(shè)置樣式，并使用旋轉(zhuǎn)和動(dòng)畫效果實(shí)現(xiàn)了愛(ài)心的不停旋轉(zhuǎn)。將代碼添加到您的HTML頁(yè)面中，您就可以得到一個(gè)炫酷的效果，為頁(yè)面增添了生機(jī)和趣味。如果您也想讓您的頁(yè)面更有吸引力，不妨試試這個(gè)HTML愛(ài)心不停旋轉(zhuǎn)代碼吧！