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
Convertor SCSS în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
Înfrumusețător CSS
Formatați și înfrumusețați codul CSS cu precizie profesională
Convertor Stylus în CSS
Transformați-vă codul SCSS în CSS. Rapid, ușor și sigur.
GST Calculator
Calculați taxa pe bunuri și servicii (GST) cu calculatorul nostru GST ușor de utilizat.
Decodor Base64 în JSON
Convertiți instantaneu șirurile codificate Base64 în JSON formatat. Funcționează local în browserul dvs., fără încărcarea datelor.
Octal la Hex
Convertiți numerele octale în hexazecimal fără efort