Ġ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.
Sass li konvertitur CSS
Ittrasforma l-kodiċi Sass tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
Stylus li konvertitur CSS
Ittrasforma l-kodiċi SCSS tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
Test għal Binarju
Ikkonverti t-test għal kodiċi binarju mingħajr sforz
Konvertitur tal-Unità Universali
Ikkonverti bejn unitajiet differenti f'kategoriji multipli bi preċiżjoni għall-bżonnijiet kollha tiegħek
Għodda tad-Dekodifikazzjoni tal-URL
Iddekowdja l-parametri tal-URL bil-faċilità dritt fil-browser tiegħek