JQuery和CSS3有很多強大的動畫效果，讓網(wǎng)頁變得更加生動有趣。下面將介紹一些常用的動畫效果。

1. 淡入淡出效果

$('button').click(function(){
$('div').fadeOut('slow');
});
$('button').click(function(){
$('div').fadeIn();
});

2. 滑入滑出效果

$('button').click(function(){
$('div').slideUp('slow');
});
$('button').click(function(){
$('div').slideDown();
});

3. 變換效果

$('button').click(function(){
$('div').animate({
left:'250px',
opacity:'0.5',
height:'150px',
width:'150px'
});
});

4. 旋轉效果

$('button').click(function(){
$('div').animate({
borderRadius:'50%',
rotate:'+=180deg',
opacity:'0.5'
});
});

總之，JQuery和CSS3為網(wǎng)頁添加了豐富的動畫效果，使得用戶在使用網(wǎng)站時感覺更加的流暢、舒服。