CSS Thumbnails on Hover

1. FADE IN WITH TEXT: OPACITY ANIMATED

• 
  Lapland Love
• 
  Vietnam Visions
• 
  Corbett Safari
• 
  Spain Sojourn

2. CAPTION BACKGROUND SLIDES DOWN: OPACITY, HEIGHT ANIMATED

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Lapland Love
• 
  Corbett Safari

3. TEXT SLIDES BELOW IMAGE: OPACITY, TRANSLATE ANIMATED and Z-INDEX

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Lapland Love
• 
  Corbett Safari

4. CAPTION SLIDES BELOW IMAGE: OPACITY, TRANSLATE ANIMATED without Z-INDEX

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Lapland Love
• 
  Corbett Safari

5. DARK OPACITY FROM TOP LEFT

• 
  SPAIN
• 
  VIETNAM
• 
  INDIA
• 
  GREECE

6. FAINT INSET SHADOW: OPACITY, BOX-SHADOW INSET ANIMATED

• 
• 
• 
• 

7. SLIDE UP WITH BORDER TOP: OPACITY, BORDER-TOP ANIMATED

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Lapland Love
• 
  Corbett Safari

8. TEXT MOVES DOWN: OPACITY, PADDING-TOP ANIMATED

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Meat Packing
• 
  Corbett Safari

9. CIRCLE: OPACITY, BORDER-RADIUS ANIMATED

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Meat Packing
• 
  Corbett Safari

10. CIRCLE WITH SOLAR ECLIPSE EFFECT: OPACITY, BORDER-RADIUS, BOX-SHADOW ANIMATED

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Meat Packing
• 
  Corbett Safari

11. ALTERNATE BACKGROUNDS + CAPTIONS ROTATE IN ALTERNATE DIRECTIONS

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Meat Packing
• 
  Corbett Safari

12. CURTAIN EFFECT:LEFT TO RIGHT

• 
  Spain Sojourn
• 
  Vietnam
• 
  Greece
• 
  England

13. ALTERNATE BACKGROUNDS + CAPTIONS ROTATE IN ALTERNATE DIRECTIONS

• 
  Spain Sojourn
• 
  Vietnam Visions
• 
  Meat Packing
• 
  Corbett Safari

>> BACK TO ARTICLE