Afbeelding Hover

Bron: https://codepen.io/littlesnippets/pen/bpMmBO

Gebruikte afbeeldingen 300x200 pixels :

Eindresultaat - Ga met de muis over de afbeelding:

Brielle

Brielle

Kruithuis

Brielle - Kruithuisje

Zuidland

Zuidland

Bernissegebied

Bernisse bij Zuidland

kaarten

Geervliet

Kerkstraat

Kerstraat
in Geervliet


  • Maak eerst de 3 afbeeldingen die je nodig hebt.
  • Kopieer de CSS en HTML code in een jouwweb Embed item bij 'Eigen HTML'
  • Nu moeten eerst de afbeeldingen worden vervangen door de eigen afbeeldingen....
    - Zet de afbeeldingen tijdelijk op je pagina
    - Bekijk de website in de Preview mode
    - klik met rechts op de afbeelding en kies voor kopieer adres
    - plak die code op de juiste plaats
    - doe dit voor alle 3 de afbeeldingen
  • Pas de tekst aan welke na de hover in beeld moet komen. (Beperk het aantal tekens)
  • Pas de URL aan voor de link van de afbeelding
  • Pas eventueel de maximale en minimale grootte van de afbeeldingen aan.
  • Eventueel kunnen nog kleuren worden aangepast