【CSS】CSSトランジションとトランスフォーム中心のギャラリーTRANSITION GALLERY

CSSトランジションとトランスフォーム中心のアニメーションギャラリー。

CSS

<link rel="stylesheet" href="css/nomalize.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- My Styles -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/interactions.css">

Photos with overlay

<div class="photo-container">
<div class="photo">
<img src="img/photos/4.jpg" alt="An awkward horse head">
<div class="photo-overlay">
<h3>Snarky Horse</h3>
<p>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
</div>
<a href="#" class="button">download</a>
</div>
 
TRANSITION GALLERY

【CSS】CSSトランジションとトランスフォーム中心のギャラリーTRANSITION GALLERY

  • LATEST
  • RELATED
  • POPULAR