520是表白的日子，很多情侶在這一天表白、告白、示愛(ài)。為了讓這一天更甜蜜難忘，我們可以借助html代碼來(lái)制作一顆520表白煙花。
以下是制作這顆煙花的代碼：
<head>
<style>
#heart {
width: 100px;
height: 100px;
background-color: red;
position:absolute;
left:50%;
top:50%;
margin-left:-50px;
margin-top:-50px;
transform:rotate(45deg);
animation:heart 1.5s ease-in-out infinite;
}
#heart:before,
#heart:after {
content: "";
background-color: red;
border-radius: 50% 50% 0 0;
position : absolute;
}
#heart:before {
width: 100px;
height: 100px;
left: -50px;
top: 0px;
transform:rotate(-45deg);
}
#heart:after {
width: 100px;
height: 100px;
left: 0px;
top: -50px;
transform:rotate(-45deg);
}
@keyframes heart {
0% {
transform:rotate(45deg) scale(1);
}
50% {
transform:rotate(45deg) scale(0.6);
}
100% {
transform:rotate(45deg) scale(1);
}
}
</style>
</head>
<body>
<div id="heart"></div>
</body>運(yùn)行以上代碼，可以看到一顆不斷跳動(dòng)的愛(ài)心煙花。將其部署到網(wǎng)頁(yè)上，便可以為愛(ài)情增添幾分浪漫氣息。