在網頁設計中，有時候需要給某些文字添加一個左右搖動的效果，這樣會讓網頁內容變得更加生動有趣。下面我們就來學習一下如何使用HTML的代碼實現這一功能。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>左右搖動文字</title>
<style>
span {
animation: shake 0.5s infinite;
}
@keyframes shake {
0% { transform: translateX(0); }
25% { transform: translateX(5px); }
75% { transform: translateX(-5px); }
100% { transform: translateX(0); }
}
</style>
</head>
<body>
<h1>歡迎來到我的網站！</h1>
<p>以下是一段左右搖動的文字:</p>
<p><span>Hello World!</span></p>
</body>
</html>這里我們使用了CSS3的動畫效果來實現文字的左右搖動，具體實現方法是使用@keyframe關鍵字定義動畫，然后在span標簽上應用該動畫。
值得注意的是，這里的關鍵在于動畫定義中的transform屬性，使用translateX函數來實現水平平移效果，通過改變平移的大小和方向，就可以實現左右搖動的效果。
以上就是關于HTML中實現文字左右搖動的方法，希望大家能夠掌握并運用到實際的網頁設計過程中。