Hover.css verwendet keine Art von JavaScript-Code überhaupt und wird ausschließlich über die wundervolle neue Features in der jüngsten Version der CSS-Standard, Version 3 eingeführt angetrieben.
Die Auswirkungen in der Hover.css Paket enthalten kann leicht auseinander gebrochen werden und in jedem Web-Projekt verwendet, entweder eine nach der anderen, oder zwei oder mehr auf der gleichen Seite Element für noch mehr interaktive Effekte kombiniert.
Die Effekte selbst können zu einer beliebigen Seite Element angewendet werden, ausgehend von den regelmäßigen Tasten, um Links, textbasierten Elementen, Formularelemente und so weiter.
Hover.css als Go-to-Lösung jedes Mal wenn Sie einen kühlen Hover-Effekt müssen dienen, oder es kann die Basis, auf der Sie weitere Effekte selbst erstellen können.
Die Hover.css Code ist in CSS und auch im SCSS (früher bekannt SASS)
Eigenschaften .
- 2D-Transformationen:
- wachsen
- Schrumpf
- Pulse
- Pulse wachsen
- Pulse Shrink
- Drücken Pop
- Drehen wachsen
- Drehen
- Float
- Sink
- Hover
- Hang
- Skew
- Skew Vorwärts
- Wobble Horizontale
- Wobble Vertical
- Wobble Top
- Wobble Bottom
- Border Übergänge:
- Border
- Fade
- Hohl
- Trim
- Gliederung Outward
- Gliederung Inward
- Runde Ecken
- Schatten und Glühen Übergänge:
- Glow
- Box Schatten Outset
- Box Schatten Inset
- Float Schatten
- Hover Schatten
- Schatten Radial
- Sprechblasen:
- Bubble Top
- Blasen-Recht
- Bubble Bottom
- Blasen-links
- Wasserkugel Top
- Wasserkugel rechts
- Wasserkugel Bottom
- Wasserkugel Links
- Curls:
- Locken Oben links
- Locken Oben rechts
- Locken Unten rechts
- Locken Unten Links
Anforderungen :
- CSS 3 fähigen Browser
Kommentare nicht gefunden