Gjeneratori i Tranzicionit CSS3
Kalim i butë i tejdukshmërisë
Paracaktime të njohura
Efekti i Zbehjes
Kalim i butë i tejdukshmërisë
Efekti i Shkallës
Ndrysho madhësinë e elementit kur rri pezull
Efekti i Rrotullimit
Rrotullo elementin ndërsa rri pezull
Efekti i rrëshqitjes
Zhvendos pozicionin e elementit
Ndryshimi i ngjyrës
Kalimi i ngjyrës së sfondit
Rreth Tranzicioneve
Tranzicionet CSS ju lejojnë të ndryshoni vlerat e vetive pa probleme, gjatë një kohëzgjatjeje të caktuar.
Vetitë e animuara zakonisht përfshijnë:
- gjerësi, lartësi
- margjina, mbushja
- tejdukshmëri, ngjyrë
- transform (scale, rotate, translate)
- background-color
Këshillë profesionale: Përdorni opsionin 'Të gjitha vetitë' për të animuar të gjitha ndryshimet.
Preview
Kodi i Gjeneruar
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kontrollet e Tranzicionit
Efektet e mbajtjes pezull
Related Tools
Konvertuesi i stilolapsit në CSS
Transformoni kodin tuaj SCSS në CSS. Shpejt, lehtë dhe sigurt.
Konvertuesi më pak në CSS
Transformoni kodin tuaj Less në CSS. Shpejt, lehtë dhe sigurt.
Gjeneroni transformime CSS3 me lehtësi
Një mjet i fuqishëm dhe intuitiv për krijimin e transformimeve komplekse CSS3 pa shkruar kod. Vizualizoni ndryshimet në kohë reale dhe kopjoni CSS-në e gjeneruar për ta përdorur në projektet tuaja.
HEX në HSV
Konvertoni ngjyrat midis modeleve të ngjyrave Heksadecimal dhe HSV (Hue, Saturation, Value) me pamje paraprake në kohë reale.
Konvertuesi CSS në LESS
Transformoni kodin tuaj CSS në LESS me variabla, nesting dhe më shumë. Shpejt, lehtë dhe i sigurt.
Decimal në Oktal
Konvertoni numrat dhjetorë në oktalë pa mundim