CSS和jQuery都可以用來實現動畫效果，下面我們來介紹一下它們的具體用法：

<style>
/* 使用 CSS 實現動畫效果 */
.box {
width: 100px;
height: 100px;
background-color: red;
transition: all 1s;
}
.box:hover {
transform: rotate(360deg);
}
</style>
<div class="box"></div>

上面的 CSS 代碼為一個正方形盒子設置了過渡效果，當鼠標懸浮在盒子上時，盒子會旋轉 360 度。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
/* 使用 jQuery 實現動畫效果 */
$(function() {
$('#btn').click(function() {
$('div').animate({
left: '250px',
opacity: '0.5',
height: '150px',
width: '150px'
}, 1000);
});
});
</script>
<div style="background-color: green; height: 100px; width: 100px; position: relative;"></div>
<button id="btn">點擊我</button>

上面的 jQuery 代碼為一個綠色的盒子添加了一個點擊事件，當點擊按鈕時，盒子會從左側移動到距離左邊 250px 的位置，同時透明度變為 0.5，高度和寬度變為 150px。

需要注意的是，CSS 實現的動畫效果適用于比較簡單的動畫場景，而 jQuery 更適用于復雜的動畫場景。