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 SCSS në CSS
Transformoni kodin tuaj SCSS në CSS. Shpejt, lehtë dhe sigurt.
Konvertuesi Sass në CSS
Transformoni kodin tuaj Sass në CSS. Shpejt, lehtë dhe sigurt.
Llogaritësi i Moshës
Llogaritni moshën tuaj të saktë në vite, muaj dhe ditë me kalkulatorin tonë të saktë të moshës.
RGB në HSV
Konvertoni ngjyrat RGB në vlera HSV për manipulim intuitiv të ngjyrave
Shikuesi JSON
Shikoni JSON të Madh me Lehtësi - Shpejt dhe pa probleme