css02-图片开门效果（过渡）

发表于 分类于 ， 本文字数： 169 阅读时长 ≈ 1 分钟

代码示例

学习内容

  • 通过 ::before ::after 设置悬停前“前置图”的效果；
  • 通过 transform: translateX() 进行“前置图”位移消失效果，消失后显示“底图”；
  • 预设 transition: all 0.5s; 消失动画；
--------------本文结束 感谢您的阅读--------------