HTML特效是網頁設計中的必要元素之一。通過HTML特效代碼，我們可以讓一個網頁變得更加生動、有趣，吸引更多的用戶訪問。然而，在互聯網上尋找優秀的HTML特效代碼是一件耗時的工作，而且大多數的代碼都需要付費購買。

但是，有些優秀的HTML特效代碼是可以免費獲取的。在這里，我分享幾個免費的HTML特效代碼，供大家參考使用：

<script type="text/javascript">
document.onmousemove = function(event) {
var body = document.querySelector("body");
var x = -event.clientX / body.offsetWidth * 50;
var y = -event.clientY / body.offsetHeight * 50;
body.style.backgroundPosition = x + "%" + y + "%";
}
</script>

上面的代碼實現了一個有趣的背景效果，當鼠標移動時，背景圖片會自動跟隨鼠標移動，為網頁增添了一些動態感。

<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
<div class="dropdown">
<button>下拉菜單</button>
<div class="dropdown-content">
<a href="#">菜單項1</a>
<a href="#">菜單項2</a>
<a href="#">菜單項3</a>
</div>
</div>

上面的代碼實現了一個下拉菜單特效，當鼠標移動到按鈕上時，會展開一個下拉菜單。這種特效可以提高用戶的操作便捷性。

以上的HTML特效代碼免費獲取，可用于個人或商業網站，只需將代碼復制到你的網頁中，即可實現相應的特效效果。