最近，我學習了一些有關HTML特效的代碼模板。在這里，我想分享幾個我最喜歡的模板。

<!-- 分隔線特效 -->
<hr style="border: none;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));">
<!-- 打字機特效 -->
<style>
.typewriter {
overflow: hidden;
border-style: solid;
border-width: 2px 0;
font-size: 20px;        
white-space: nowrap;
margin: 0 auto;
letter-spacing: 0.1em;
animation: typing 5s steps(30) infinite alternate;
}
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
</style>
<div class="typewriter">Type something here.</div>
<!-- 文字閃爍特效 -->
<style>
.blinker {
animation: blink 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
@keyframes blink {
from { opacity: 1 }
to { opacity: 0 }
}
</style>
<h1 class="blinker">Blinking Text</h1>

以上三個模板都非常簡單，但卻可以為網頁增添一些特別的效果。如果你想讓你的網站更有趣、更有吸引力，不妨試一試這些HTML特效代碼模板！