CSS3中的鼠標(biāo)移入動(dòng)畫效果可以為網(wǎng)頁帶來創(chuàng)新和活力。以下是一些常見的鼠標(biāo)移入動(dòng)畫效果。

1. 縮放效果

.box{
transform: scale(0.9);
transition: transform 0.5s ease;
}
.box:hover{
transform: scale(1.1);
}

2. 旋轉(zhuǎn)效果

.box{
transform: rotate(0deg);
transition: transform 0.5s ease;
}
.box:hover{
transform: rotate(360deg);
}

3. 滑動(dòng)效果

.box{
transform: translateX(0);
transition: transform 0.5s ease;
}
.box:hover{
transform: translateX(50px);
}

4. 透明度效果

.box{
opacity: 1;
transition: opacity 0.5s ease;
}
.box:hover{
opacity: 0.5;
}

在實(shí)際應(yīng)用中，可以將以上的效果進(jìn)行組合，從而達(dá)到更加復(fù)雜的效果。而且，這些效果不僅可以用于普通的HTML元素，也可以用于SVG圖形和CSS圖形。