CSS3提供了多種方法來實現(xiàn)圖片的透明度變化，以下是其中幾種常見方法：

/*透明度從0到1的漸變*/
img {
opacity: 0; /*初始透明度為0*/
-webkit-transition: opacity .5s; /*添加WebKit前綴的過渡動畫*/
transition: opacity .5s;
}
img:hover {
opacity: 1; /*鼠標懸浮時透明度變?yōu)?*/
}

上述代碼中，首先給圖片添加了一個初始透明度為0的樣式，然后通過CSS3過渡動畫讓透明度在0.5秒內(nèi)從0漸變到1。在鼠標懸浮時，圖片的透明度會變?yōu)?。

/*透明度從1到0的漸變*/
img {
opacity: 1; /*初始透明度為1*/
}
img:hover {
opacity: 0; /*鼠標懸浮時透明度變?yōu)?*/
-webkit-transition: opacity .5s; /*添加WebKit前綴的過渡動畫*/
transition: opacity .5s;
}

上述代碼中，首先給圖片添加了一個初始透明度為1的樣式，然后在鼠標懸浮時通過CSS3過渡動畫讓透明度在0.5秒內(nèi)從1漸變到0。

/*鼠標懸浮后透明度的變化*/
img {
opacity: 1; /*初始透明度為1*/
-webkit-transition: opacity .5s; /*添加WebKit前綴的過渡動畫*/
transition: opacity .5s;
}
img:hover {
opacity: .5; /*鼠標懸浮時透明度變?yōu)?.5*/
}

上述代碼中，給圖片添加了一個初始透明度為1的樣式，并在鼠標懸浮時通過CSS3過渡動畫讓透明度在0.5秒內(nèi)從1漸變到0.5。