Preview

Button mouse-over effect

In Web Made Easy kun je op buttons en afbeeldingen mouse-over effecten plaatsen. In deze tutorial leggen we uit hoe je een mouse-over effect kunt instellen voor buttons. Tevens laten we zien hoe je gebruik kunt maken van transities om een subtielere de mouse-over te realiseren.

ZO ZET JE EEN MOUSE-OVER EFFECT OP EEN BUTTON

  1. Selecteer een button in de Web Made Easy editor
  2. Klik in de functiebalk rechts op het tabblad mouseover
  3. Om bij mouseover een andere achtergrondkleur te tonen geef je hier een andere achtergrondkleur op. Echter alle functies welke onder het mouseover tabblad staan kun je gebruiken om een afwijkende weergave te maken bij mouseover.
Zo wijzig je de overgang van een mouseover

Standaard wordt een mouseover effect direct getoond. Als je deze subtieler wil laten uitvoeren dan kun je hiervoor overgangen gebruiken.

  1. Selecteer een button in de Web Made Easy editor
  2. Klik op het plus-icoon (+) welke wordt getoond bij overgangen in de functiebalk rechts
  3. Er verschijnt een pop-in
  4. Selecteer de mouseover eigenschap welke je bij de mouseover hebt ingesteld (bijvoorbeeld: achtergrondkleur)
  5. Geef de gewenste duur op van de overgang. Bijvoorbeeld: 1000 ms voor een subtiele overgang.
  6. Indien je wil dat de overgang even wacht voordat deze start dan geen je de vertraging op. 
  7. Bij de timing kun je kiezen uit 5 soorten. Probeer ze uit om te ervaren wat de verschillen zijn.
  8. Klik op opslaan

Bekijk ook onze andere artikelen

Was dit artikel behulpzaam? Of mis je iets?