CSS是一種用來定義Web頁面外觀的樣式表語言，它有許多強大的功能，其中包括動畫效果的實現。通過使用CSS動態畫圓和感嘆號，我們可以讓Web頁面更加生動有趣。

/* 動態畫圓 */
.div1 {
border-radius: 50%; /* 圓形邊框 */
background: #f00; /* 紅色背景 */
animation: spin 2s linear infinite; /* 旋轉動畫 */
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 動態感嘆號 */
.div2 {
width: 0;
height: 0;
border-left: 5px solid transparent; /* 左邊框 */
border-right: 5px solid transparent; /* 右邊框 */
border-bottom: 10px solid #f00; /* 底部邊框 */
position: relative;
animation: shake 0.5s linear infinite; /* 搖晃動畫 */
}
.div2::before {
content: "!"; /* 感嘆號 */
position: absolute;
top: -10px;
left: -5px;
font-size: 20px;
color: #fff; /* 白色字體 */
}
@keyframes shake {
0% {
transform: translateX(-5px);
}
50% {
transform: translateX(5px);
}
100% {
transform: translateX(-5px);
}
}

上述代碼中，我們使用border-radius屬性實現了圓形邊框，并通過animation屬性讓其進行旋轉動畫。另外，我們還使用了::before偽元素來實現感嘆號的添加，并通過animation屬性讓其進行搖晃動畫。

CSS動態畫圓和感嘆號的實現方式各不相同，但都利用了CSS強大的動畫功能，讓Web頁面更加生動有趣。在實踐中，我們還可以根據需求對這些效果進行自由定制和拓展，實現更多有趣的動畫效果。