给我写一个html,文案内容为彭艳是个大傻蛋,文本表现形式为逐个浮现最后飞入到屏幕中间,同时背景要有烟花持续播放
时间: 2023-02-18 13:48:33 浏览: 113
用html写的烟花,过年过节、哄女朋友都可以用
5星 · 资源好评率100%
<html>
<head>
<style>
body{
background-image:url("https://i.imgur.com/6aKjhKf.gif");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.text{
font-size: 25px;
font-family: sans-serif;
font-weight: bold;
color: white;
animation: text 3s ease-in-out infinite;
}
@keyframes text {
0% {
opacity: 0;
transform: translateY(-50px);
}
20% {
opacity: 1;
transform: translateY(0px);
}
80% {
opacity: 1;
transform: translateY(0px);
}
100% {
opacity: 0;
transform: translateY(50px);
}
}
</style>
</head>
<body>
<div class="text">彭艳是个大傻蛋</div>
</body>
</html>
阅读全文