CSS

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

August 23, 2016
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>