Awesome Image Card Hover Animation with pure CSS

Loading…

Awesome Image Card Hover Animation with pure CSS | GoSnippets

Source Code

1<main class="page-content">
2  <div class="card">
3    <div class="content">
4      <h2 class="title">Mountain View</h2>
5      <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains</p>
6      <button class="btn">View Trips</button>
7    </div>
8  </div>
9  <div class="card">
10    <div class="content">
11      <h2 class="title">To The Beach</h2>
12      <p class="copy">Plan your next beach trip with these fabulous destinations</p>
13      <button class="btn">View Trips</button>
14    </div>
15  </div>
16  <div class="card">
17    <div class="content">
18      <h2 class="title">Desert Destinations</h2>
19      <p class="copy">It's the desert you've always dreamed of</p>
20      <button class="btn">Book Now</button>
21    </div>
22  </div>
23  <div class="card">
24    <div class="content">
25      <h2 class="title">Explore The Galaxy</h2>
26      <p class="copy">Seriously, straight up, just blast off into outer space today</p>
27      <button class="btn">Book Now</button>
28    </div>
29  </div>
30</main>

Awesome Image Card Hover Animation with pure CSS

Source Code

More Cards snippets

Comments(0)