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.
CSS Minifier
Kompresoni dhe optimizoni kodin tuaj CSS me saktësi profesionale
Konvertoni JSON në XLSX pa mundim
Transformoni të dhënat tuaja JSON në formatin Excel (XLSX) me një klikim të vetëm. I shpejtë, i sigurt dhe plotësisht i bazuar në shfletues.
Kalkulator Përqindjeje
Llogaritni lehtësisht përqindjet me kalkulatorin tonë intuitiv të përqindjes.