CSS中有很多方法可以讓圖片變得炫酷，以下我們來介紹一些方法。

/*  方法一： 鼠標懸浮時出現陰影 */
img{
box-shadow: 0px 0px 10px #888888;
transition: box-shadow .3s ease-in-out;
}
img:hover{
box-shadow: 0px 0px 20px #666666;
}

以上方法可以讓圖片在鼠標懸浮時出現一個陰影，看起來更加立體有感覺。

/* 方法二：滑動效果（圖片向上或向下滑動）*/
.container img{
transform: translateY(0);
transition: transform .5s;
}
.container img:hover{
transform: translateY(-10px);
box-shadow: 0px 0px 10px #888888;
}

以上代碼可以讓圖片在鼠標懸浮時上下滑動，并且同時出現一個陰影。

/* 方法三： 透明度效果 */
.container img{
transition: opacity .5s;
}
.container img:hover{
opacity: .5;
}

以上代碼讓圖片的透明度在鼠標懸浮時變?yōu)樵瓉淼囊话搿Ｈ绻枰耐该鞫龋恍枰{整:hover中的opacity即可。

總的來說，以上三種方法都可以使得圖片看上去更加動感、炫酷。當然，在實際開發(fā)中，我們也可以將多種效果進行組合，以達到更好的效果。