CSS3 是一種用于網頁設計的新型樣式表語言，可以實現許多驚艷的效果。下面介紹幾個使用 CSS3 實現的炫酷效果：

/* 1. 文字陰影 */
p {
text-shadow: 2px 2px 2px #000;
}
/* 2. 邊框漸變 */
p {
border: 5px solid;
border-image: linear-gradient(to right, #ff00ff, #00ffff) 1;
}
/* 3. 動態旋轉 */
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
p {
animation: spin 2s linear infinite;
}
/* 4. 圖片放大 */
img:hover {
transform: scale(2);
}
/* 5. 3D 立方體 */
.cube {
width: 200px;
height: 200px;
perspective: 800px;
}
.cube .face {
position: absolute;
width: 200px;
height: 200px;
border: 2px solid #333;
box-sizing: border-box;
}
.cube .face-front {
transform: translateZ(100px);
}
.cube .face-back {
transform: translateZ(-100px) rotateY(180deg);
}
.cube .face-left {
transform: rotateY(-90deg) translateX(-100px);
}
.cube .face-right {
transform: rotateY(90deg) translateX(100px);
}
.cube .face-top {
transform: rotateX(-90deg) translateY(-100px);
}
.cube .face-bottom {
transform: rotateX(90deg) translateY(100px);
}

以上幾個效果只是 CSS3 可以實現的眾多效果之一，為網頁設計帶來了許多可能性。