HTML5文字旋轉時間代碼是一種讓文本在指定時間內旋轉的方法。這種技術可以應用于網頁設計中的各種元素，例如標題、按鈕、導航欄等，使網頁更加生動、有趣。
<!DOCTYPE html>
<html>
<head>
<style>
.rotateText {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<h1 class="rotateText">這是一個旋轉的標題</h1>
</body>
</html>以上代碼中，我們定義了一個類名為"rotateText"的元素，并通過CSS的@keyframes規則定義了旋轉動畫的效果，然后將這個類名應用到了<h1>標簽中。該動畫會在2秒內不斷地循環，讓標題文本不停地旋轉。
使用HTML5文字旋轉時間代碼可以增加網頁的趣味性和動態性，而且實現簡單，非常適合在一些需要突出效果的地方使用。
上一篇html5文字特效代碼
下一篇srcdoc css