CSS3和H5是現代Web設計中非常重要的技術。它們為我們帶來了很多新增的特性，可以讓我們更加快速、高效地創建網頁。下面就讓我們來看一下CSS3和H5新增多少好玩的特性吧。

首先，CSS3的新增特性，它們中最著名的應該就是它的動畫了。在以前，我們通常需要使用JavaScript來控制元素的動畫，但現在，借助于CSS3，實現動畫已經變得非常簡單了。我們只需要使用一些關鍵幀調整動畫的時間線，即可輕松地創建出各種動畫效果。例如，下面這段代碼能夠實現一個簡單的旋轉動畫：

.box {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

接下來，我們看一下H5新增的特性。相較于CSS3，H5的更新更多的是在用戶交互體驗方面。其中最突出的應該就是它的語義化標簽了。H5引入了一些新的標簽，如<header>、 <footer>、<nav>等，我們可以使用它們來更好地分離頁面的結構，并更好地為搜索引擎優化做準備。下面就是一個例子：

<header>
<h1>Page title</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<p>Page content goes here...</p>
<footer>
<p>Copyright © 2020</p>
</footer>

以上就是CSS3和H5新增的一些特性，當然，它們的好處不止這些。如果你想在你的網頁上實現更多酷炫的效果，使用它們肯定是一個不錯的選擇。