CSS（層疊樣式表）技術是Web設計中的一種重要技術，它可以讓網頁看起來更加美觀和生動。在CSS技術中，動效也是應用十分廣泛的一種技術，可以用它來實現多種生動的交互效果，比如頁面的過渡、菜單的展開、元素的滑動等等。下面介紹幾種常見的CSS科技動效。

/* 圖片放大縮小效果 */
img:hover{
transform: scale(1.1); /* 圖片放大1.1倍 */
transition: transform 0.5s ease; /* 過渡時間為0.5秒，緩動效果為ease */
}
/* 飛行動畫效果 */
@keyframes fly{
from{ /* 初始狀態 */
transform: translateX(0) translateY(0); /* 圖片位于原處 */
}
to{ /* 目標狀態 */
transform: translateX(200px) translateY(-100px); /* 圖片移動200px向右，移動100px向上 */
}
}
img{
animation: fly 1s ease-in-out infinite alternate; /* 運動時間為1秒，緩動效果為ease-in-out，無限循環反向播放 */
}
/* 抖動效果 */
@keyframes shake{
0%{ /* 初始狀態 */
transform: translateX(0);
}
100%{ /* 目標狀態 */
transform: translateX(10px); /* 圖片向右抖動10px */
}
}
div{
animation: shake 0.1s linear infinite alternate; /*運動時間為0.1秒，線性緩動，無限循環反向播放 */
}

這些動效都是基于CSS3的，可以讓網頁更加生動有趣。把這些效果應用到自己的網頁中，就能增強交互性和用戶體驗，加強頁面的吸引力。