Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
51 lines (49 sloc) 1.32 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3D photo rollover effect</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="basestyles.css" type="text/css">
<link rel="stylesheet" href="image3d.css" type="text/css">
</head>
<body>
<header>
<h1>3D photo rollover effect</h1>
</header>
<section>
<!-- <video controls>
<source src="3dkitty.mp4" type="video/mp4">
<source src="3dkitty.webm" type="video/webm">
</video> -->
<ul>
<li class="image3d" tabindex="0">
<figure>
<img src="mittens.jpg" alt="Mittens the cat">
<figcaption>
<p>
<strong>Mittens</strong> loves to play with yarn and stuff.
</p>
</figcaption>
</figure>
</li>
<li class="image3d" tabindex="0">
<figure>
<img src="mittens.jpg" alt="Mittens the cat">
<figcaption>
<p>
<strong>Mittens</strong> loves to play with yarn and stuff.
</p>
</figcaption>
</figure>
</li>
</ul>
</section>
<footer>
<p>Written by
<a href="http://christianheilmann.com/">Chris Heilmann</a> -
<a href="http://twitter.com/codepo8">@codepo8</a>
</p>
</footer>
</body>
</html>