Hover.css maakt geen gebruik van elk type van JavaScript-code te allen en wordt uitsluitend gevoed via de prachtige nieuwe functies geïntroduceerd in de laatste versie van de CSS-standaard, versie 3.
De effecten in de Hover.css pakket kan gemakkelijk worden gebroken elkaar en in elk webproject, één tegelijk, of twee of meer gecombineerd op dezelfde pagina element nog meer interactieve effecten.
De effecten zelf kan worden toegepast op elke pagina-element, uitgaande van de normale knoppen, links, tekst gebaseerde vormelementen enzovoort.
Hover.css kan dienen als een go-to-oplossing elke keer dat je een koele hover effect nodig hebt, of het kan de basis waarop je jezelf meer effecten te creëren.
De Hover.css code is beschikbaar in CSS en ook in SCSS (voorheen bekend als SASS)
Kenmerken .
- 2D transformaties:
- Groei
- Shrink
- Pulse
- Pulse Grow
- Pulse Shrink
- Push Pop
- Roteren Grow
- Roteren
- Float
- Sink
- Hover
- Hang
- Skew
- Skew Forward
- Wobble Horizontale
- Wobble Verticale
- Wobble Top
- Wobble Bottom
- Border Transitions:
- Border
- Fade
- Hollow
- Trim
- Outline Outward
- Outline Actieve
- Ronde Hoeken
- Shadow en Glow Transitions:
- Glow
- Box Shadow Outset
- Box Shadow Inzet
- Float Shadow
- Hover Shadow
- Shadow Radial
- Speech Bubbles:
- Bubble Top
- Bubble Right
- Bubble Bottom
- Bubble Links
- Bubble Float Top
- Bubble Float Rechts
- Bubble Float Bottom
- Bubble Float Left
- Krullen:
- Curl Top Left
- Curl Top Right
- Curl Rechtsonder
- Curl Linksonder
Eisen
- CSS 3 enabled browser
Reacties niet gevonden