HTML是網頁制作的重要語言，通過它可以實現各種特效效果，其中雷電切換代碼是一種常用的特效手段。
<html>
<head>
<title>雷電切換代碼</title>
<style>
.thunder{
position:relative;
width:600px;
height:400px;
background-image:url('thunder.jpg');
background-repeat:no-repeat;
background-size:cover;
}
.thunder span{
position:absolute;
left:0;
top:0;
display:block;
width:100%;
height:100%;
animation:Thunder 0.8s linear infinite;
opacity:0;
}
@keyframes Thunder{
0%{
opacity:0;
}
20%,80%{
opacity:1;
}
100%{
opacity:0;
}
}
</style>
</head>
<body>
<div class="thunder">
<span></span>
<h1>這是一個雷電切換特效</h1>
</div>
</body>
</html>以上就是一個簡單的雷電切換代碼，其中通過CSS實現了一個背景圖片，使用了keyframes關鍵字來控制動畫的切換效果，使得頁面有了生動的視覺效果。
上一篇jquery3新特性
下一篇vue檢測數組變化