CSS3图片卡片悬停动画特效代码下载


CSS3图片卡片悬停动画特效代码下载
CSS3图片卡片悬停动画特效代码下载以及图片卡片、悬停动画等js/jquery网页特效代码下载。

1. 引入CSS

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

2. HTML代码

<main class="page-content">
  <div class="card">
    <div class="content">
      <h2 class="title">山景</h2>
      <p class="copy">看看这些美丽的山间旅行,你可以看到,你猜对了,山间的美景</p>
      <button class="btn">查看详情</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h2 class="title">海边</h2>
      <p class="copy">计划你的下一次海滩之旅</p>
      <button class="btn">查看详情</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h2 class="title">沙漠</h2>
      <p class="copy">这是你梦寐以求的沙漠</p>
      <button class="btn">查看详情</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h2 class="title">银河系</h2>
      <p class="copy">说真的,马上,今天就发射到外太空</p>
      <button class="btn">查看详情</button>
    </div>
  </div>
</main>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章