Ġeneratur ta 'Transizzjoni CSS3
Tranżizzjoni bla xkiel tal-opaċità
Presets popolari
Effett ta' Fade
Tranżizzjoni bla xkiel tal-opaċità
Effett tal-Iskala
Ibdel id-daqs tal-element fuq il-hover
Effett ta' Dawwar
Dawwar l-element fuq il-hover
Effett taż-Żerżaq
Mexxi l-pożizzjoni ta' l-element
Bidla fil-Kulur
Tranżizzjoni tal-kulur ta' l-isfond
Dwar it-Tranżizzjonijiet
It-tranżizzjonijiet CSS jippermettulek tibdel il-valuri tal-proprjetà bla xkiel, fuq tul ta 'żmien partikolari.
Proprjetajiet animati komunement jinkludu:
- wisa', għoli
- marġni, ikkuttunar
- opaċità, kulur
- transform (scale, rotate, translate)
- background-color
Pro Tip: Uża l-għażla 'Il-Proprjetajiet Kollha' biex tanima l-bidliet kollha.
Preview
Kodiċi Iġġenerat
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kontrolli ta' Tranżizzjoni
Effetti tal-hover
Related Tools
Iġġenera Trasformazzjonijiet CSS3 bil-Faċilità
Għodda qawwija u intuwittiva għall-ħolqien ta 'trasformazzjonijiet CSS3 kumplessi mingħajr ma tikteb kodiċi. Viżwalizza l-bidliet f'ħin reali u kopja s-CSS iġġenerat biex tuża fil-proġetti tiegħek.
CSS Minifier
Ikkompressa u ottimizza l-kodiċi CSS tiegħek bi preċiżjoni professjonali
Sass li konvertitur CSS
Ittrasforma l-kodiċi Sass tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
Ikkonverti JSON għal Test mingħajr sforz
Ittrasforma d-dejta JSON tiegħek f'test sempliċi ifformattjat bi klikk waħda. Mgħaġġel, sigur, u kompletament ibbażat fuq il-browser.
CRC-16 Kalkulatur tal-Hash
Iġġenera checksom CRC-16 malajr u faċilment
Base64 għal Decoder JSON
Ikkonverti kordi kkodifikati Base64 għal JSON ifformattjat istantanjament. Jaħdem lokalment fil-browser tiegħek mingħajr it-tlugħ tad-dejta.