Hover.css inte använda någon typ av JavaScript-kod alls och enbart drivs via de underbara nya inslag som infördes i den senaste versionen av CSS-standarden, version 3.
Effekterna som finns i Hover.css paketet kan lätt brytas isär och användas i alla webbprojekt, antingen en i taget, eller två eller flera kombinerade på samma sida element för ännu fler interaktiva effekter.
Effekterna själva kan tillämpas på alla sidelement, från de vanliga knapparna, till länkar, textbaserade element, formulärelement och så vidare.
Hover.css kan fungera som en go-to lösning varje gång du behöver en sval hover effekt, eller det kan vara den bas på vilken du skapar fler effekter själv.
Den Hover.css koden finns i CSS och även i SCSS (tidigare känt som SASS)
Funktioner :.
- 2D Trans:
- Väx
- Krymp
- Puls
- Puls Grow
- Puls Krymp
- Push Pop
- Rotera Grow
- Rotera
- Float
- Sink
- Hover
- Häng
- Skeva
- Skeva Framåt
- Wobble Horisontell
- Wobble Vertikal
- Wobble Top
- Wobble Botten
- Gränsövergångar:
- Border
- Fade
- Hollow
- Trim
- Disposition Utåt
- Outline Inåt
- Runda hörn
- Shadow och Glow Transitions:
- Glow
- Box Shadow Outset
- Box Shadow Inset
- Float Shadow
- Hover Shadow
- Shadow Radial
- Pratbubblor:
- Bubble Top
- Bubble Höger
- Bubble Botten
- Bubble Vänster
- Bubble Float Top
- Bubble Float Höger
- Bubble Float Botten
- Bubble Float Vänster
- Curls:
- Curl Övre vänster
- Curl Övre höger
- Curl Nedre höger
- Curl Botten Vänster
Krav :
- CSS 3 aktiverad webbläsare
Kommentarer hittades inte