<div id="simple-scroll-gallery">
<img src="http://thenewcode.com/assets/images/nettleleaf-sage.jpg" alt="Nettleleaf Sage">
<img src="http://thenewcode.com/assets/images/vasevine.jpg" alt="Vasevine">
</div>
<p style="color:#000; clear: left;">Простой эффект прокрутки изображения:<br/>наведите указатель мыши на изображение,<br/> чтобы увидеть его в действии</p>
div#simple-scroll-gallery, div#simple-scroll-gallery img { max-width: 400px; overflow: hidden; max-height: 400px; float: left; }
div#simple-scroll-gallery { margin-bottom: 1em; }
div#simple-scroll-gallery img { transition: all 2s linear; }
div#simple-scroll-gallery img:hover, div#simple-scroll-gallery img:hover + img { transform: translate(0, -400px); }