Generátor přechodů CSS3
Plynulý přechod neprůhlednosti
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
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á
Efekty
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ě.
Generujte CSS3 transformace s lehkostí
Výkonný a intuitivní nástroj pro vytváření složitých CSS3 transformací bez psaní kódu. Vizualizujte změny v reálném čase a kopírujte vygenerovaný CSS kód pro použití ve vašich projektech.
Obfuscátor JavaScript
Chraňte svůj JavaScript kód před neoprávněným přístupem a reverzním inženýrstvím s naším výkonným nástrojem pro obfuskaci. Transformujte svůj kód do nečitelného formátu a zároveň si zachováte plnou funkčnost.
RGB do Pantone
Převeďte digitální barvy RGB na nejbližší ekvivalenty Pantone®
Pace Converter
Snadno převádějte tempo běhu mezi různými jednotkami a vypočítávejte odhadovaný čas a vzdálenost