Oblíbené předvolby
Efekt zeslabení Hladký
přechod
Efekt
Změnit velikost prvku při najetí myší
Efekt
Otočit prvek při najetí myší
Efekt snímku
Přesunutí polohy
Změna barvy
Přechod
O přechodech Přechody
CSS umožňují plynule měnit hodnoty vlastností po určitou dobu.
Mezi běžně animované vlastnosti patří:
- šířka, výška
- okraje, odsazení
- krytí, barva
- transform (scale, rotate, translate)
- background-color
Pro Tip: Použijte možnost 'Všechny vlastnosti' k animaci všech změn.
Preview
HOVER ME
Vygenerovaný přechod kódu
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
ovládá
300
0
Efekty
100%
100%
0°
0px
0px
8px
8px
Related Tools
Zkrášlovač CSS
Formátujte a zkrášlete svůj CSS kód s profesionální přesností
Převodník jednotek teploty
Transformujte svůj kód SCSS do CSS. Rychle, snadno a bezpečně.
Převodník Sass do CSS
Transformujte svůj kód Sass do CSS. Rychle, snadno a bezpečně.
Vytvářejte krásné CSS načítání
Generujte vlastní animace načítání CSS během několika sekund s naším intuitivním rozhraním drag-and-drop. Není třeba žádné kódování!
Převodník slov na čísla
Získejte podrobné statistiky o vašem textu s naším přesným nástrojem pro počítadlo slov.
Převodník čísel na slovo
Převádějte číselné hodnoty na jejich slovní reprezentace ve více jazycích