隨著互聯網技術的不斷發展，CSS3和HTML5已經成為了前端開發中不可或缺的技能。這兩種技術的出現不僅讓開發者的工作變得更加便捷，也讓網站能夠呈現出更加美觀、動態的效果。在這里我們將介紹一些CSS3和HTML5中非常有用的代碼。

// CSS3代碼
.box {
border-radius: 10px;  /* 圓角 */
box-shadow: 2px 2px 10px #ccc;  /* 陰影 */
transition: all 0.3s ease;   /* 過渡 */
transform: translateX(50px);  /* 位移 */
}
.box:hover {
background-color: #f0f0f0;   /* 鼠標滑過時改變背景色 */
transform: scale(1.2);   /* 鼠標滑過時對元素進行縮放 */
}
// HTML5代碼
<video autoplay loop muted poster="video-poster.jpg"><source src="video.mp4" type="video/mp4"><source src="video.webm" type="video/webm"><p>抱歉，您的瀏覽器不支持HTML5視頻。</p></video>

上述CSS3代碼中的border-radius屬性可以讓元素呈現出圓角效果，而box-shadow屬性可以為元素添加陰影。transition屬性可以用于元素過渡效果的設置，transform屬性可以對元素進行移動、縮放、旋轉等操作。

HTML5代碼中的video標簽可以嵌入視頻，autoplay和loop屬性可以讓視頻自動播放且循環播放，muted屬性可以讓視頻默認為靜音播放，poster屬性則是在視頻加載前顯示的圖片。

總的來說，CSS3和HTML5中的代碼為網站開發提供了更多的美化效果和功能性的實現，擁有這些技能的開發者更能靈活地處理各種需求，使網站更加完美。