CSS3是網站前端開發的重要部分之一。它使得我們可以在網站上使用更多樣化的樣式，例如陰影、漸變、動畫等。

/* 漸變效果 */
background: linear-gradient(90deg, #FFC107 0%, #FF9800 100%);
/* 陰影效果 */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
/* 動畫效果 */
.button:hover {
animation: pulse 1s;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}

CSS3還支持響應式布局，使得網頁能夠適應不同大小的屏幕。通過媒體查詢，我們可以根據屏幕大小來改變網站的樣式，以便于在移動設備上瀏覽。

/* 媒體查詢 */
@media screen and (max-width: 600px) {
.header {
font-size: 22px;
}
.nav {
display: none;
}
.menu-icon {
display: block;
}
}

總的來說，CSS3是一個強大的工具，它可以讓我們的網站變得更加引人注目、更加現代化。通過學習CSS3，我們可以創建更好的用戶體驗和更好的界面設計。