JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<div>
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img1.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img2.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img3.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img4.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img5.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img6.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img7.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img9.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img10.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img11.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img12.jpg">
    <img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img1.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img2.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img3.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img4.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img5.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img6.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img7.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img9.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img10.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img11.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img12.jpg">
    <img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img1.jpg">
<img src="http://sandropaganotti.com/wp-content/goodies/misc/img/img2.jpg">
<img...

CSS

div{
    perspective: 500px;
    transform-style: preserve-3d;
}
img{
    z-index: 1;
    width: 200px;
}

JavaScript

var div = $('div');
$(window).scroll(function(evt){
    div.css(
        '-webkit-transform-origin',
        '0 ' + $(window).scrollTop() + 'px'
    );
});