CSS3是一種比CSS2更為高級的樣式表語言，它包含了更多的新特性，其中一些特性可以用來實現各種小特效。下面將介紹一些CSS3小特效，希望能幫助您更好地理解CSS3。

/* 實現圖片縮放 */
img:hover {
transform: scale(1.5);
}
/* 實現文本淡入淡出效果 */
p {
opacity: 0;
transition: opacity 0.5s ease;
}
p:hover {
opacity: 1;
}
/* 實現卡片翻面效果 */
.card {
position: relative;
width: 200px;
height: 200px;
transition: transform 0.5s ease;
}
.card:hover {
transform: rotateY(180deg);
}
.card .front, .card .back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.card .front {
z-index: 2;
}
.card .back {
transform: rotateY(180deg);
}
/* 實現背景漸變色效果 */
.box {
background: linear-gradient(to right, #ff0000, #00ff00);
}
/* 實現文字陰影效果 */
h1 {
text-shadow: 2px 2px 5px #000000;
}

通過使用這些CSS3小特效，我們可以為網頁帶來更生動的感覺，讓網頁變得更加有趣。同時，了解這些小特效也有助于我們更好地掌握CSS3的使用方法。