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.
Konvertuesi i Njësisë së Shpejtësisë
Konvertoni midis njësive të ndryshme të shpejtësisë me saktësi për nevojat tuaja inxhinierike, shkencore dhe të përditshme
Konvertuesi CSS në stilolaps
Transformoni kodin tuaj CSS në sintaksën e stilolapsit. Shpejt, lehtë dhe i sigurt.
JSON Minify
JSON i minimizuar zvogëlon madhësinë e të dhënave tuaja, që do të thotë se ato mund të transferohen në rrjet më shpejt.