3D 愛心旋轉 HTML 代碼

這是一段可以讓你的愛心旋轉起來的 HTML 代碼，代碼如下：

<style>
.heart {
position: relative;
width: 100px;
height: 90px;
transform: rotate(-45deg);
transform-style: preserve-3d;
animation: heartAnimation 2s infinite linear;
box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.2);
background: linear-gradient(-45deg, #ff3a4b, #f7ac52, #f7ac52, #ff3a4b);
border-radius: 50px 20px 50px 50px;
}
.heart:before,
.heart:after {
position: absolute;
content: "";
width: 100px;
height: 100px;
top: -30px;
left: 0px;
transform: rotate(45deg);
transform-style: preserve-3d;
background: linear-gradient(-45deg, #ff3a4b, #f7ac52, #f7ac52, #ff3a4b);
z-index: -1;
}
.heart:before {
border-radius: 50px 0px 0;
}
.heart:after {
border-radius: 0 50px 0px;
left: -50px;
}
@keyframes heartAnimation {
0% {
transform: rotateY(0) rotateZ(0) rotateX(0);
}
100% {
transform: rotateY(360deg) rotateZ(360deg) rotateX(360deg);
}
}
</style>
<div class="heart"></div>

這是一段非常簡單的代碼，您只需將它復制到您的 HTML 代碼中的這個位置就可以將它添加到您的網頁中。

如果您需要更多關于愛心旋轉效果的幫助，可以搜索 "CSS 3D 愛心旋轉" 來找到您需要的信息。