Elastic Stack - David Allan Easton SRI LANKA PHOTOS

<link rel="stylesheet" type="text/css" href="https://tympanus.net/Tutorials/SamsungGrid/css/normalize.css" /><link rel="stylesheet" type="text/css" href="https://tympanus.net/Tutorials/SamsungGrid/css/demo.css" /><script src="https://tympanus.net/Tutorials/SamsungGrid/js/modernizr.custom.js"></script><body>  <div class="container">  <div class="codrops-top clearfix"> <a class="codrops-icon codrops-icon-prev" href="https://tympanus.net/Development/ButtonComponentMorph/"><span>Previous Demo</span></a> <span class="right"><a class="codrops-icon codrops-icon-drop" href="https://tympanus.net/codrops/?p=19069"><span>Back to the Codrops Article</span></a> </span> </div> <header class="codrops-header"> <h1>Grid Loading and Hover Effect <span>Recreating <a href="http://design.samsung.com/">Samsung's</a> grid loading effect</span></h1> <nav class="codrops-demos"> <a class="current-demo" href="index.html">Swipe right</a> <a href="index2.html">Swipe Down</a> <a href="index3.html">Rotate</a> </nav> </header> <section class="grid-wrap"> <ul class="grid swipe-right" id="grid"> <li class="title-box"> <h2>Illustrations by <a href="http://ryotakemasa.com/">Ryo Takemasa</a></h2> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15944679/Kenpo-News-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/1.jpg" alt="img01"> <h3>Kenpo News April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15758125/SQUET-April-2014-issue"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/2.jpg" alt="img02"> <h3>SQUET April 2014 issue</h3></a> </li> <li> <a href="http://www.behance.net/gallery/15586227/MONOCLE-issue-72"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/3.jpg" alt="img03"> <h3>MONOCLE issue 72</h3></a> </li> <li> <a href="http://www.behance.net/gallery/11880495/TOWN-Winter-2013"><img src="https://tympanus.net/Tutorials/SamsungGrid/img/4.jpg" alt="img04"> <h3>TOWN Winter 2013</h3></a> </li> </ul> </section> <section class="related"> <p>If you enjoyed this demo you might also like:</p> <a href="https://tympanus.net/Development/ThumbnailGridAnimations/"> <img src="https://tympanus.net/codrops/wp-content/uploads/2013/10/ThumbnailGridAnimations1-300x162.jpg" /> <h3>Animations for Thumbnail Grids</h3> </a> <a href="https://tympanus.net/Development/GridLoadingEffects/"> <img src="https://tympanus.net/codrops/wp-content/uploads/2013/07/GridLoadingEffects-300x162.png" /> <h3>Grid Loading Effects</h3> </a> </section> </div>  <script src="https://tympanus.net/Tutorials/SamsungGrid/js/masonry.pkgd.min.js"></script> <script src="https://tympanus.net/Tutorials/SamsungGrid/js/imagesloaded.pkgd.min.js"></script> <script src="https://tympanus.net/Tutorials/SamsungGrid/js/classie.js"></script> <script src="https://tympanus.net/Tutorials/SamsungGrid/js/colorfinder-1.1.js"></script>   <script> new GridScrollFx( document.getElementById( 'grid' ), { viewportFactor : 0.4 } ); </script></body>