Generator prehodov CSS3
Gladek prehod motnosti
Priljubljene prednastavitve
Učinek bledenja
Gladek prehod motnosti
Učinek obsega
Spremeni velikost elementa ob lebdenju miške
Učinek vrtenja
Zavrtite element ob lebdenju miške
Učinek diapozitiva
Premakni položaj elementa
Sprememba barve
Prehod barve ozadja
O prehodih
Prehodi CSS omogočajo gladko spreminjanje vrednosti lastnosti v določenem časovnem obdobju.
Pogosto animirane lastnosti vključujejo:
- širina, višina
- rob, odmik
- motnost, barva
- transform (scale, rotate, translate)
- background-color
Nasvet profesionalca: Za animiranje vseh sprememb uporabite možnost »Vse lastnosti«.
Preview
Ustvarjena koda
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kontrole prehoda
Učinki lebdenja
Related Tools
Pretvornik Sass v CSS
Pretvorite svojo Sass kodo v CSS. Hitro, enostavno in varno.
Ustvarite popolne postavitve Flexbox
Vizualizirajte, prilagodite in ustvarite kodo CSS flexbox z našim intuitivnim vmesnikom s funkcijo povleci in spusti.
Pretvornik pisala v CSS
Pretvorite svojo kodo SCSS v CSS. Hitro, enostavno in varno.
Ustvarite čudovit CSS besedilni gradient brez napora
Ustvarite osupljive učinke preliva besedila za svojo spletno stran
Orodje za kodiranje Base64
Z lahkoto kodirajte besedilo v format Base64 kar v brskalniku.
Kalkulator zgoščevalne vrednosti SHA-1
Hitro in enostavno ustvarite zgoščene vrednosti SHA-1