Witam
Jak można uzyskać taki efekt:
http://pt.aliexpress.com/store/508507
Chodzi o produkty po najechaniu myszką.
Pozdrawiam

https://jsfiddle.net/mvzq70x3/

Dzięki serdeczne

Mam jeszcze jeden problem:
.mainPageCategoriesBox1 {
float:left; border-right: #070707 4px solid; position: relative; text-align: left;
width: 380px; height: 435px;
}

.mainPageCategoriesBox1 a div.photo img {
position: absolute; width: 380px; height: 435px;
}

.mainPageCategoriesBox1 a div.photo img:last-child {
opacity: 0; transform: scale(0); transition: all 0.85s ease-in-out;
}

.mainPageCategoriesBox1 a div.photo:hover img:last-child {
opacity: 1; transform: scale(1);
}

.mainPageCategoriesBox1 a div.name {
position: absolute; bottom: 0px; font: bold 24px Andlso; color: #ccae59;
background-color: #000000; padding: 5px 20px 5px 20px; margin-left: 120px;
}

[HTML] pobierz, plaintext 
<div class="mainPageCategoriesBox1">
	<a href="link">
		<div class="photo">
		     <img src="img/category1.jpg" alt="">
                     <img src="img/category1.jpg" alt="">
		</div>	 
		<div class="name">Promocje</div>
	</a>
</div>
[HTML] pobierz, plaintext 

Jak zrobić aby po najechaniu myszką na zdjęcie poszedł w górę napis Promocje na 50% wysokosci?

[CSS] pobierz, plaintext 
.mainPageCategoriesBox1 a div.name {
position: absolute; bottom: 50%; font: bold 24px Andlso; color: #ccae59;
background-color: #000000; padding: 5px 20px 5px 20px; margin-left: 120px;
}
[CSS] pobierz, plaintext