流動感是一種非常流行的設計風格，透過CSS3動畫可以輕松實現這種效果。

/* 定義動畫名稱 */
@keyframes flow {
/* 定義動畫起始狀態 */
0% {
background-color: rgb(23, 128, 178);
border-radius: 50%;
transform: scale(1);
opacity: 1;
}
/* 定義動畫中間狀態 */
50% {
background-color: rgb(23, 128, 178);
border-radius: 50%;
transform: scale(1.5);
opacity: 0.5;
}
/* 定義動畫結束狀態 */
100% {
background-color: rgb(23, 128, 178);
border-radius: 50%;
transform: scale(1);
opacity: 1;
}
}
/* 將動畫應用到元素  */
.flow-element {
animation-name: flow; /* 動畫名稱 */
animation-duration: 2s; /* 動畫持續時間 */
animation-timing-function: ease-in-out; /* 動畫速度曲線 */
animation-iteration-count: infinite; /* 動畫播放次數 */
}

以上代碼使用了CSS3的@keyframes規則來定義了一個名為flow的動畫，并將動畫應用于具有類名flow-element的元素。動畫過程中，元素的背景顏色、邊框半徑、縮放比例和透明度都在不斷變化，從而產生了一種流動感的效果。

通過使用CSS3動畫，設計師可以輕松地實現流動感的效果，讓網頁更加炫酷和生動。同時，動畫的出現也可以吸引用戶的眼球，提高用戶的使用體驗。