Ġ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
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.
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.
Konvertitur tal-illuminanza
Ikkonverti l-illuminanza bejn unitajiet differenti bi preċiżjoni
CSS Kolonna Ġeneratur Għodda Online
Oħloq u viżwalizza funzjonijiet ta 'tħaffif tas-CSS tad-dwana
CSS biex SASS konvertitur
Ittrasforma l-kodiċi CSS tiegħek f'sintassi SASS indented. Mgħaġġel, faċli, u sigur.