CSS Hover Effect Builder
Pumili ng limitadong hover style, ayusin ang kulay at galaw, at kopyahin ang HTML at CSS.
Live na preview
I-edit ang control para i-update ang preview.
May :focus-visible at prefers-reduced-motion rule ang output. Gawing dekorasyon ang hover at panatilihing malinaw ang text.
Paano gamitin
Paano gamitin
- Maglagay ng maikling label at pumili ng umakyat, underline, glow, o tint.
- Ayusin ang hover color, layo ng galaw, at tagal habang tinitingnan ang lokal na preview.
- Kopyahin ang HTML at CSS at panatilihing nababasa ang content.
Limitadong lokal na CSS generation
Gumagawa ito ng button example mula sa apat na fixed effect. Nililimitahan ang text sa 200 character at ine-escape ang HTML special characters. Walang network, storage, o external dependency.
Suporta sa keyboard at motion
May :focus-visible outline para sa keyboard users at inaalis ng prefers-reduced-motion ang transition.
Mga madalas itanong
Maaari mo ring alamin
Anong effect ang available?
May umakyat, underline, glow, at tint. May limitasyon ang distance at duration.
Ligtas ba ang text?
Nililimitahan ito sa 200 character at ine-escape bago ilagay sa HTML output.
May reduced motion ba?
Oo. Inaalis ng prefers-reduced-motion: reduce ang transition habang nananatiling magagamit ang control.