Gineadóir Trasdula CSS3

Aistriú

Réamhshocruithe

Coitianta Fade Éifeacht Aistriú

teimhneacht réidh

Éifeacht Scála

Athraigh an eilimint ar hover

Rothlaigh Éifeacht Rothlaigh

eilimint ar hover

Éifeacht Sleamhnán

Bog seasamh

dath

Aistriú

Maidir le

haistrithe CSS ligeann aistrithe duit luachanna maoine a athrú go réidh, thar thréimhse áirithe.

I measc na n-airíonna beoite go coitianta tá:

leithead, corrlach airde
stuáilte
, dath
transform (scale, rotate, translate)
background-color

Pro Leid: Bain úsáid as an rogha 'Gach Airíonna' chun gach athrú a bheochan.

Preview

HOVER ME

Cód

.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; }  .element:hover { /* Hover styles will be generated here */ }

Aistrithe

bheochan

Duration (ms) 300

Feidhm

Delay (ms) 0

Éifeachtaí

Opacity 100%

Scale 100%

Rotate 0°

Aistrigh X 0px

Aistrigh Y 0px

Dath

Cúlra Ga Teorann

Top 8px

Bottom 8px

Related Tools

Gin Claochluithe CSS3 go Héasca

Uirlis chumhachtach, iomasach chun claochlú casta CSS3 a chruthú gan cód a scríobh. Samhlaigh athruithe i bhfíor-am agus cóipeáil an CSS a ghintear le húsáid i do thionscadail.

Tiontaire Stíl go CSS

Tapa, éasca agus slán.

Tiontaire Sass go CSS

Athraigh do chód Sass go CSS. Tapa, éasca agus slán.

Tiontaire Éifeachtúlachta Breosla

Tiontaigh idir aonaid éagsúla éifeachtúlachta breosla le cruinneas

Tiontaire Sass go CSS

Athraigh do chód Sass go CSS. Tapa, éasca agus slán.

RGB go Pantone

dathanna iomasach Tiontaigh dathanna RGB digiteacha go dtí na coibhéisí Pantone® is gaireTiontaigh uimhreacha Rómhánacha go dtí a gcoibhéisí uimhriúla le míniú