CSS3是一個能實現不同特效的強大工具。讓我們一起看看怎樣應用吧。

1. 陰影效果（box-shadow）

.box{
box-shadow: 10px 10px 5px grey;
}

2. 文字陰影效果（text-shadow）

h1{
text-shadow: 2px 2px #FF0000;
}

3. 漸變背景（linear-gradient）

.background{
background: linear-gradient(to bottom, #FF0000 0%, #00FF00 100%);
}

4. 旋轉效果（transform）

.rotate{
transform: rotate(30deg);
}

5. 縮放效果（transform）

.scale{
transform: scale(1.2);
}

6. 位移效果（transform）

.translate{
transform: translate(50px, 50px);
}

7. 過渡效果（transition）

.box{
transition: all 0.5s ease;
}
.box:hover{
transform: rotate(30deg);
}

8. 動畫效果（animation）

@keyframes move{
from {left: 0;}
to {left: 100%;}
}
.box{
animation: move 2s infinite alternate;
}

以上就是一些常見的CSS3特效，它們可以幫助你使網站更加動態和吸引人。