利用 :before :after伪类实现鼠标悬浮动画效果

1、最近在逛网站的时候，想找一下喜欢的鼠标悬浮效果，避免广告的嫌疑，直接放图了：   2、在实现的时候，如果在直接使用鼠标hover ,transform,进行过渡，不能达到想要的效果，因为同时只能触发一张图片的动画效果，鼠标一旦离开了图层，就会回到原始位置。   也就是说，要实现这样的效果，需要鼠标放在某一个块状区域，同时触发两个选择器，这样的效果如果使用css实现的话，使用伪类:before,

>>阅读原文<<