利用 :before :after僞類實現鼠標懸浮動畫效果

1、最近在逛網站的時候，想找一下喜歡的鼠標懸浮效果，避免廣告的嫌疑，直接放圖了：   2、在實現的時候，如果在直接使用鼠標hover ,transform,進行過渡，不能達到想要的效果，因爲同時只能觸發一張圖片的動畫效果，鼠標一旦離開了圖層，就會回到原始位置。   也就是說，要實現這樣的效果，需要鼠標放在某一個塊狀區域，同時觸發兩個選擇器，這樣的效果如果使用css實現的話，使用僞類:before,

>>阅读原文<<