Code, data, at QR na tool

Palaruan ng Pagbabagong CSS

Gamitin ang anim na may-limitasyong bilang upang makita at kopyahin ang parehong CSS transform sa browser.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Palaruan ng Pagbabagong CSS

Paglipat −500 hanggang 500 px; pag-ikot −360 hanggang 360 digri; pare-parehong laki 0–5; parehong pagkiling −80 hanggang 80 digri. Hindi maaaring blangko, walang hanggan o hindi numero; puwede ang desimal. Pinapaliit sa wala ang card kapag zero ang laki. Itinatago ng maling input ang card, inaalis ang lumang CSS at pinipigil ang pagkopya.

Laging translate, rotate, scale, skewX, skewY ang nakasulat na ayos. Sa pagsasama ng CSS, ang pinakakanang function ang unang kumikilos sa punto. Nasa gitna ng 100 × 100 CSS-pixel na card ang pinagmulan. Walang hiwalay na matematikong diagram na kinukuwenta. Dalawang-dimensiyong CSS ang ipinapakita ng browser sa limitadong lugar; pinuputol ang labas nito. Walang tatlong dimensiyon, perspektiba, pagbabago ng ayos o pisikal na pagsukat. Walang input na ina-upload.

2D

Paano gamitin

Paano gamitin

  1. Itakda ang pahalang/patayong paglipat, pag-ikot, pare-parehong laki at pahalang/patayong pagkiling.
  2. Suriin ang dalawang-dimensiyong larawan at ginawang CSS na deklarasyon.
  3. Kopyahin ang deklarasyon o ibalik ang lahat ng kontrol.

Nakapirming ayos ng deklarasyon

Laging translate, rotate, scale, skewX, skewY ang nakasulat na ayos. Sa pagsasama ng CSS, ang pinakakanang function ang unang kumikilos sa punto. Nasa gitna ng 100 × 100 CSS-pixel na card ang pinagmulan. Walang hiwalay na matematikong diagram na kinukuwenta.

Saklaw ng mga bilang

Paglipat −500 hanggang 500 px; pag-ikot −360 hanggang 360 digri; pare-parehong laki 0–5; parehong pagkiling −80 hanggang 80 digri. Hindi maaaring blangko, walang hanggan o hindi numero; puwede ang desimal. Pinapaliit sa wala ang card kapag zero ang laki. Itinatago ng maling input ang card, inaalis ang lumang CSS at pinipigil ang pagkopya.

Saklaw ng larawan

Dalawang-dimensiyong CSS ang ipinapakita ng browser sa limitadong lugar; pinuputol ang labas nito. Walang tatlong dimensiyon, perspektiba, pagbabago ng ayos o pisikal na pagsukat. Walang input na ina-upload.

Mga madalas itanong

Maaari mo ring alamin

Maaari bang baguhin ang ayos ng function?

Hindi. Nakapirmi ang ayos at pareho ito sa larawan at kinopyang CSS.

Bakit nawawala ang card?

Zero na laki, malaking pagbabagong nasa labas ng lugar, o maling input ang maaaring magpatago dito.