Jquery和CSS是兩種非常強大的技術，它們可以輕松地為網站添加動畫效果。

Jquery是一個流行的JavaScript庫，它可以幫助您輕松地操控HTML元素。Jquery提供了在頁面中添加動畫效果的多種方法，其中最常用的是使用animate()方法。

$('.box').animate({ 
left: '+=100px', 
opacity: '0.5' 
}, 1000);

上面的代碼將使網頁中所有類名為“box”的元素向右移動100像素，并將不透明度降低到0.5。它會在1秒鐘內完成動畫效果。

那么CSS呢？CSS也可以為網站添加動畫效果，并且它是完全基于瀏覽器的樣式表語言，這意味著它不需要任何JavaScript庫。

CSS動畫可以通過定義關鍵幀來實現。關鍵幀是指元素在動畫運行過程中所經過的狀態。您可以定義一個或多個關鍵幀，并為每個關鍵幀指定一個持續時間。接下來，您可以將這些關鍵幀應用于元素的動畫效果中。

@keyframes slide-in { 
from { 
transform: translateX(-100%); 
} 
to { 
transform: translateX(0); 
} 
} 
.box { 
animation: slide-in 1s ease-out forwards; 
}

上面的代碼將使類名為“box”的元素從左邊滑入。它會在1秒鐘內完成動畫效果。這個動畫效果使用了一個名為slide-in的關鍵幀，該關鍵幀定義了元素從頁面左邊滑入的運動路徑。

總之，Jquery和CSS都可以為網站添加動畫效果。Jquery可以更輕松地操縱HTML元素，而CSS更為本地化和高效，需要更少的JavaScript代碼。