純css簡(jiǎn)單的特效是指通過css的屬性和選擇器來實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)效果，而不需要借助JavaScript等腳本語言。下面我們來介紹幾個(gè)常見的純css特效。

/*1. 鼠標(biāo)懸停時(shí)文字變換顏色*/
p:hover {
color: red;
}
/*2. 漸變背景色*/
body {
background: linear-gradient(to right, #00c6ff, #0072ff);
}
/*3. 圖片的縮放與旋轉(zhuǎn)*/
img:hover {
transform: scale(1.2) rotate(30deg);
}
/*4. 懸浮框的彈出*/
div:hover .popover {
display: block;
}
.popover {
position: absolute;
display: none;
background-color: #fff;
border: 1px solid #ccc;
padding: 10px;
z-index: 999;
}
/*5. 滑動(dòng)式導(dǎo)航欄*/
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
.active {
background-color: #4CAF50;
}

通過以上的例子，我們發(fā)現(xiàn)純css的特效是非常方便簡(jiǎn)單，可以在網(wǎng)頁中比較輕松地增強(qiáng)用戶體驗(yàn)，美化界面。但是，這些純css特效受到css屬性和瀏覽器兼容性的限制，需要在應(yīng)用中謹(jǐn)慎應(yīng)用。