以前，CSS僅僅是用來(lái)設(shè)置網(wǎng)頁(yè)的樣式的。現(xiàn)在，隨著CSS動(dòng)畫效果的出現(xiàn)，我們可以在網(wǎng)頁(yè)中使用動(dòng)畫效果來(lái)吸引用戶的注意力。本文將介紹如何在網(wǎng)頁(yè)中添加CSS動(dòng)畫效果。
首先，我們需要在HTML文件的頭部區(qū)域中，引入CSS文件。這個(gè)過(guò)程非常簡(jiǎn)單，只需要使用link標(biāo)簽即可。例如，下面的代碼會(huì)將style.css文件中定義的樣式應(yīng)用到整個(gè)網(wǎng)頁(yè)中。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>@keyframes colorChange {
0% {
color: black;
}
100% {
color: white;
}
}最后，我們需要把動(dòng)畫應(yīng)用到HTML元素上。這可以通過(guò)設(shè)置animation屬性來(lái)實(shí)現(xiàn)。例如，下面的代碼會(huì)將colorChange動(dòng)畫應(yīng)用到id為"mytext"的元素上，使文本顏色變化。#mytext {
animation: colorChange 5s infinite;
}