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
Gjeneratori i Tranzicionit CSS3
Kalim i butë i tejdukshmërisë
Konvertuesi më pak në CSS
Transformoni kodin tuaj Less në CSS. Shpejt, lehtë dhe sigurt.
Konvertuesi i stilolapsit në CSS
Transformoni kodin tuaj SCSS në CSS. Shpejt, lehtë dhe sigurt.
Konvertuesi i Njësive të Sipërfaqes
Konvertoni midis njësive të ndryshme të sipërfaqes me saktësi dhe lehtësi
Krijo Ngarkues CSS të Bukur
Gjenero animacione të personalizuara të ngarkimit CSS brenda sekondash me ndërfaqen tonë intuitive të tërheqjes dhe lëshimit. Nuk kërkohet kodim!
Oktal në Tekst
Konvertoni përfaqësimin oktal në tekst pa mundim