CSS3動畫是一種通過設置CSS樣式來創建動態效果的技術和工具，它可以用于創建各種類型的動畫，如旋轉、縮放、移動和漸變等。下面是一個簡單的CSS3動畫源代碼示例，它創建了一個向上移動的動畫效果：

.container {

position: relative;

width: 400px;

height: 300px;

.container:before {

content: "";

position: absolute;

top: 0;

left: 400px;

width: 0;

height: 0;

border-left: 400px solid transparent;

border-right: 400px solid transparent;

border-bottom: 50px solid green;

.container:after {

content: "";

position: absolute;

top: 0;

left: 300px;

width: 0;

height: 0;

border-left: 300px solid transparent;

border-right: 300px solid transparent;

border-bottom: 50px solid green;

.container {

animation: move 1s linear infinite;

@keyframes move {

0% {

transform: translate(0, 0);

100% {

transform: translate(400px, 0);

在這個示例中，我們創建了一個名為“container”的HTML元素，然后在其上添加了兩個名為“before”和“after”的CSS偽元素。這些偽元素具有絕對定位，并使用CSS3的“border”屬性設置了邊框的顏色為綠色。接下來，我們使用CSS3的“animation”屬性為“container”元素設置了一個1秒鐘的循環，并且在循環結束時，“container”元素將移動到其原始位置。

這只是一個簡單的CSS3動畫示例，但它演示了如何使用CSS3樣式創建動態效果。CSS3動畫可以用于創建各種類型的效果，如滾動、翻轉、淡入淡出和漸變等，因此它是一種非常有用和有趣的技術。