使用CSS3实现百叶窗式鼠标滑过hover图片动画效果

 更新 2021-09-24 浏览 717次

使用CSS3实现百叶窗式鼠标滑过hover图片动画效果
描述:使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时,通过伪元素来制作方块移动效果,形成百叶窗组合运动效果。
文件目录结构
  • fonts
      • ┝ icomoon.woff
      • ┝ icomoon.svg
      • ┝ icomoon.eot
      • ┝ icomoon.ttf
  • ┝ www.zzsucai.com.txt
  • ┝ 站长素材网.url
  • css
      • ┝ demo.css
  • ┝ index.html
  • images
      • ┝ img-1.jpg
      • ┝ img-3.jpg
      • ┝ img-2.jpg
展开查看全部
百叶窗鼠标滑过hover事件css3动画图片动画
相关内容