Ġ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.
Inqas biex konvertitur CSS
Ittrasforma l-kodiċi Less tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
Sass li konvertitur CSS
Ittrasforma l-kodiċi Sass tiegħek f'CSS. Mgħaġġel, faċli, u sigur.
HEX għal Pantone
Ikkonverti b'mod preċiż il-kodiċijiet tal-kulur HEX għall-kuluri tas-Sistema® ta 'Tqabbil Pantone għal bżonnijiet ta' disinn professjonali
Oħloq Termini u Kundizzjonijiet tad-Dwana
Iġġenera termini u kundizzjonijiet komprensivi mfassla apposta għall-websajt, l-app jew is-servizz tiegħek.
Effett tat-Test tal-Glitch tas-CSS
Oħloq effetti ta 'glitch stordament għat-test tiegħek b'dan il-ġeneratur interattiv. Perfetta għal cyberpunk, logħob, jew kwalunkwe disinn li jeħtieġ dik id-dehra edgy u futuristika.