Maak een keuze welke opmaak, transformatie en of animaties je wilt gebruiken. Combineer naar behoefte

Dit overzicht geeft een ruwe indruk van de mogelijkheden, meer gedetailleerde mogelijkheden zijn bespreekbaar!

Opmaakvariaties

Kleuren, randen, achtergrondkleuren, schaduwen, lettergrootte en -type zijn voorbeelden van mogelijke opmaak

Transparante achtergrond, beperkt afgeronde hoeken, lichte schaduw in zelfde kleur als tekst

Achtergrond in kleur, flink afgeronde hoeken, lichte schaduw in zelfde kleur als achtergrond

Achtergrond in verlopende kleur, flink afgeronde hoeken, geen schaduw

Achtergrond afbeelding, flink afgeronde hoeken, schaduw in willekeurige kleur, schaduw naar rechts en naar onder getrokken, met iets groter schaduwgebied in willekeurige kleur

Achtergrond in sitekleur achtergrond, flink afgeronde hoeken, ruim vallende schaduw in willekeurig gekozen kleur

Bredere button zodat tekst op 1 lijn staat, met schaduw maar wel strakke schaduw zonder blur
Brede button met beperkte afronding van hoeken , schaduw onder en rechts
Brede knop, flinke afronding en schaduw
Brede knop met beperkte afronding aan de hoeken, met meer schaduw

Transformaties

Dit zijn statische vervormingen van de buttons

Animaties

In deze showcase blijven de animaties permanent bewegen. Dat hoeft natuurlijk niet …. Verfijndere animaties zijn mogelijk, dit laat vooral de hoofdlijnen zien

Voor de volledigheid, deze animaties bewegen zonder dat de bezoeker hier iets voor doet. Dit is in tegenstelling tot de ‘hovering’ veranderingen aan de buttons

Knop komt scherm inschuiven vanuit boven, onder of zijkanten.

‘Hovering’ effecten

Ga met je muis over de buttons en zie wat er gebeurt.

Bij hovering wijzigt de achtergrondkleur
Bij hovering wordt er een icoontje getoond, in dit geval een pijltje. Tevens verandert de tekstkleur en de achtergrondkleur
Bij hovering verandert de achtgrondkleur in een verlopende kleur