CSS3是一種用于構建網頁樣式的技術，它提供了許多強大的功能，如選擇器和布局，以及動畫效果等。在這篇文章中，我們將使用CSS3加兩個動畫來展示一些有趣的效果。

第一個動畫是通過CSS3的@keyframeskeyframes屬性實現的。這個屬性定義了動畫的樣式規則，我們可以使用它來控制動畫的速度、顏色、透明度等。下面是一個示例：

@keyframes myAnimation {

0% {

transform: scale(1);

100% {

transform: scale(1.1);

在這個示例中，我們定義了一個名為"myAnimation"的動畫，它的樣式規則是從1號比例縮放到1.1號比例。當我們把這段代碼添加到HTML中時，它會創建一個淡入淡出的動畫效果，如下所示：

<div class="animation-container">

<div class="animation-element"></div>

</div>

其中，"animation-container"是容器，"animation-element"是動畫元素。

第二個動畫是通過CSS3的@import和@import-透傳實現的。這個動畫的原理是，當我們把另一個CSS文件import到我們的項目中時，它會通過@import-透傳機制，把該CSS文件的內容加載到我們的項目中。下面是一個示例：

<div class="animation-container">

<div class="animation-element"></div>

</div>

其中，"animation-container"是容器，"animation-element"是動畫元素。

CSS3提供了許多強大的動畫效果，我們可以通過@keyframeskeyframes屬性、@import和@import-透傳等方法來實現各種不同的動畫效果。希望本文能夠幫助您更好地利用CSS3來實現有趣的動畫效果！