CSS Thumbnails on Hover
1. FADE IN WITH TEXT: OPACITY ANIMATED
![](/static/img/demos/t1a.jpg)
Lapland Love
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Corbett Safari
![](/static/img/demos/t2a.jpg)
Spain Sojourn
2. CAPTION BACKGROUND SLIDES DOWN: OPACITY, HEIGHT ANIMATED
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Lapland Love
![](/static/img/demos/t2a.jpg)
Corbett Safari
3. TEXT SLIDES BELOW IMAGE: OPACITY, TRANSLATE ANIMATED and Z-INDEX
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Lapland Love
![](/static/img/demos/t2a.jpg)
Corbett Safari
4. CAPTION SLIDES BELOW IMAGE: OPACITY, TRANSLATE ANIMATED without Z-INDEX
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Lapland Love
![](/static/img/demos/t2a.jpg)
Corbett Safari
5. DARK OPACITY FROM TOP LEFT
![](/static/img/demos/t1a.jpg)
SPAIN
![](/static/img/demos/t2a.jpg)
VIETNAM
![](/static/img/demos/t1a.jpg)
INDIA
![](/static/img/demos/t2a.jpg)
GREECE
6. FAINT INSET SHADOW: OPACITY, BOX-SHADOW INSET ANIMATED
7. SLIDE UP WITH BORDER TOP: OPACITY, BORDER-TOP ANIMATED
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Lapland Love
![](/static/img/demos/t2a.jpg)
Corbett Safari
8. TEXT MOVES DOWN: OPACITY, PADDING-TOP ANIMATED
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Meat Packing
![](/static/img/demos/t2a.jpg)
Corbett Safari
9. CIRCLE: OPACITY, BORDER-RADIUS ANIMATED
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Meat Packing
![](/static/img/demos/t2a.jpg)
Corbett Safari
10. CIRCLE WITH SOLAR ECLIPSE EFFECT: OPACITY, BORDER-RADIUS, BOX-SHADOW ANIMATED
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Meat Packing
![](/static/img/demos/t2a.jpg)
Corbett Safari
11. ALTERNATE BACKGROUNDS + CAPTIONS ROTATE IN ALTERNATE DIRECTIONS
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Meat Packing
![](/static/img/demos/t2a.jpg)
Corbett Safari
12. CURTAIN EFFECT:LEFT TO RIGHT
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam
![](/static/img/demos/t1a.jpg)
Greece
![](/static/img/demos/t2a.jpg)
England
13. ALTERNATE BACKGROUNDS + CAPTIONS ROTATE IN ALTERNATE DIRECTIONS
![](/static/img/demos/t1a.jpg)
Spain Sojourn
![](/static/img/demos/t2a.jpg)
Vietnam Visions
![](/static/img/demos/t1a.jpg)
Meat Packing
![](/static/img/demos/t2a.jpg)
Corbett Safari
>> BACK TO ARTICLE