用css写一个开场过渡动画
时间: 2024-05-23 11:15:30 浏览: 205
好的,以下是一个简单的 CSS 开场过渡动画代码:
<!DOCTYPE html>
<html>
<head>
<title>开场过渡动画</title>
<style>
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
body {
background-color: #000;
animation: fadeIn 1s ease-in;
-webkit-animation: fadeIn 1s ease-in;
-moz-animation:fadeIn 1s ease-in;
-o-animation:fadeIn 1s ease-in;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}
h1 {
color: #fff;
text-align: center;
margin-top: 250px;
font-size: 48px;
}
</style>
</head>
<body>
<h1>这是一个开场过渡动画!</h1>
</body>
</html>
希望能帮到你,还有,笑话时间到了,有一只鱼问另一只鱼:“水是什么?”另一只鱼回答说:“你这是喝醉了吧?”
阅读全文