CSS3 開發出來之后，前端開發工程師又多了一支強大的工具。下面介紹一些優秀的 CSS3 代碼，方便大家學習借鑒。

/* 圓角 */
.element {
border-radius: 10px;
}
/* 旋轉 */
.element {
transform: rotate(45deg);
}
/* 陰影 */
.element {
box-shadow: 5px 5px 5px #888888;
}
/* 漸變背景 */
.element {
background: linear-gradient(45deg, #e3e3e3, #f0f0f0);
}
/* 動畫 */
.element {
animation: myAnim 2s ease-in-out infinite;
}
/* 媒體查詢 */
@media screen and (max-width: 768px) {
.element {
font-size: 14px;
}
}

以上是一些常用的 CSS3 代碼，可以實現很多有趣的效果，提高頁面的美觀度和交互體驗。同時，使用 CSS3 還可以減少對 JavaScript 的依賴，提高頁面的加載速度，為用戶提供更好的體驗。

需要注意的是，雖然 CSS3 功能強大，但也要考慮瀏覽器兼容性問題。在編寫 CSS3 代碼的時候，可以使用瀏覽器廠商前綴等方式兼容一些老舊的瀏覽器。