CSS3悬停卡片重叠翻转特效代码下载


CSS3悬停卡片重叠翻转特效代码下载
CSS3悬停卡片重叠翻转特效代码下载以及悬停卡片重叠翻转等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. HTML代码

<div class="scene">
  <div class="card">
    <div class="card__face card__face--front">
      <a href="#"><img src="img/1.jpg" /></a>
    </div>
    <div class="card__face card__face--back">
      <a href="#"><img src="img/2.jpg" /></a>
    </div>
  </div>
  <div class="card">
    <div class="card__face card__face--front">
      <a href="#"><img src="img/3.jpg" /></a>
    </div>
    <div class="card__face card__face--back">
      <a href="#"><img src="img/4.jpg" /></a>
    </div>
  </div>
  <div class="card">
    <div class="card__face card__face--front">
      <a href="#"><img src="img/5.jpg" /></a>
    </div>
    <div class="card__face card__face--back">
      <a href="#"><img src="img/6.jpg" /></a>
    </div>
  </div>
</div>

相关推荐

发表评论

相关文章