在HTML中，我們可以通過CSS來控制元素的速度。CSS動畫是通過定義一系列關鍵幀，來控制元素在不同時間點的狀態以及產生動畫效果。具體的操作方式如下：

/* 定義動畫 */
@keyframes example {
0% {opacity: 0;}
50% {opacity: 0.5;}
100% {opacity: 1;}
}
/* 應用動畫 */
div {
animation-name: example;
animation-duration: 5s; /* 動畫持續5秒 */
animation-timing-function: linear; /* 線性變化 */
}

在上面的代碼中，我們定義了一個名為“example”的動畫，它的關鍵幀分別在0%（透明度為0）、50%（透明度為0.5）和100%（透明度為1）。接著，在div元素中應用了這個動畫，它的持續時間為5秒，變化方式為線性。

除了線性變化，CSS還提供了其他不同方式的動畫變化效果，如ease（緩入緩出）、ease-in（緩進）和ease-out（緩出）。我們可以根據實際需求來選擇相應的變化方式。