Generator de tranziție CSS3
Tranziție lină a opacității
Presetări populare
Efect de estompare
Tranziție lină a opacității
Efect de scară
Redimensionarea elementului la trecerea cu mouse-ul
Efect de rotire
Rotire element la trecere cu mouse-ul
Efect de glisare
Mutați poziția elementului
Schimbarea culorii
Tranziția culorii de fundal
Despre tranziții
Tranzițiile CSS vă permit să modificați valorile proprietăților fără probleme, pe o anumită durată.
Proprietățile animate în mod obișnuit includ:
- lățime, înălțime
- margine, umplutură
- opacitate, culoare
- transform (scale, rotate, translate)
- background-color
Sfat profesionist: Utilizați opțiunea "Toate proprietățile" pentru a anima toate modificările.
Preview
Cod generat
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Controale de tranziție
Efecte de trecere
Related Tools
Înfrumusețător CSS
Formatați și înfrumusețați codul CSS cu precizie profesională
Convertor SCSS în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Generați transformări CSS3 cu ușurință
Un instrument puternic și intuitiv pentru crearea de transformări CSS3 complexe fără a scrie cod. Vizualizați modificările în timp real și copiați CSS-ul generat pentru a-l utiliza în proiectele dvs.
Creați termeni și condiții personalizate
Generați termeni și condiții cuprinzătoare adaptate site-ului, aplicației sau serviciului dvs.
HEX la HSV
Convertiți culorile între modelele de culoare hexazecimale și HSV (nuanță, saturație, valoare) cu previzualizare în timp real.
Efect de text CSS Glitch
Creați efecte uimitoare de glitch pentru textul dvs. cu acest generator interactiv. Perfect pentru cyberpunk, jocuri sau orice design care are nevoie de acel aspect avantdhist, futurist.