CSS鼠標(biāo)移上去圖片抖動(dòng)是一種通過(guò)CSS實(shí)現(xiàn)圖片平滑移動(dòng)的效果，通常用于網(wǎng)站和移動(dòng)應(yīng)用程序中。這種效果可以通過(guò)在圖片上添加CSS動(dòng)畫(huà)來(lái)實(shí)現(xiàn)，其中圖片在鼠標(biāo)移動(dòng)時(shí)會(huì)平滑地過(guò)渡，從而實(shí)現(xiàn)一種有趣的用戶(hù)體驗(yàn)。

```css

width: 100%;

height: auto;

object-fit: contain;

@media (max-width: 768px) {

width: 100%;

height: 100%;

object-fit: cover;

在這段代碼中，我們使用object-fit屬性將圖片調(diào)整為可滾動(dòng)的范圍，并且使用max-width屬性限制圖片的寬度在768px以下。在media查詢(xún)中，我們使用max-width屬性來(lái)限制圖片的寬度，這樣只有在屏幕寬度小于768px時(shí)，圖片才會(huì)完全顯示。

```css

@keyframes smooth {

0% {

transform: scale(0);

50% {

transform: scale(1.2);

100% {

transform: scale(1);

這段代碼定義了一個(gè)名為 smooth 的動(dòng)畫(huà)，它從0%放大到1.2倍，然后再縮小回0.75倍，最終保持原始大小。

通過(guò)使用CSS和動(dòng)畫(huà)，我們可以輕松地實(shí)現(xiàn)CSS鼠標(biāo)移上去圖片抖動(dòng)的效果，從而為網(wǎng)站和應(yīng)用程序帶來(lái)有趣的用戶(hù)體驗(yàn)。