CSS3是一種用于網頁設計的新技術，它擁有許多令人驚嘆的效果。在這里，我們將為您介紹一些令人驚嘆的CSS3效果示例。

CSS3圓角的效果非常棒，可以使一個矩形按鈕看起來更加圓潤。在這里，我們使用border-radius屬性來實現這個效果。

button{
border-radius: 10px;
}

另一個令人驚嘆的CSS3效果是漸變。漸變可以使背景色看起來更加平滑。在這里，我們使用background-image屬性和線性漸變來實現這個效果。

div{
background-image: linear-gradient(to bottom right, #ff6347, #87cefa);
}

過渡效果也是CSS3的一大優勢。它可以使元素的變化更加平滑。在這里，我們使用transition屬性來指定元素變化的時間和方式。

img{
transition: transform 0.5s ease-in-out;
}
img:hover{
transform: rotate(360deg);
}

CSS3還支持盒子陰影。我們可以通過box-shadow屬性來實現這個效果。

.card{
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

CSS3的一個非常實用的效果是響應式布局。我們可以使用@media查詢和一些CSS3屬性來實現響應式設計。

@media screen and (max-width: 768px){
.menu{
width: 100%;
display: flex;
flex-direction: column;
}
}

在本文中，我們介紹了一些令人驚嘆的CSS3效果示例。這些效果可以讓您的網站看起來更加美觀和專業。