Transformare • pro css

Transformarea Css vă permite să transformați elementele, inclusiv în spațiul tridimensional.

Folosind proprietatea transformare, puteți seta una sau mai multe funcții pentru transformarea unui element. Toate funcțiile pot fi găsite aici: Funcții de transformare







Valorile posibile sunt: ​​nici unul sau funcțiile de transformare printr-un spațiu.

Este important să rețineți că funcțiile sunt aplicate în ordinea în care sunt înregistrate, iar funcțiile anterioare pot afecta următoarele. Adică, liniile

va da un rezultat complet diferit, iar linia:

va roti obiectul la 90 de grade, deoarece ambele funcții vor fi executate secvențial.

Transformați-origine

Proprietatea definește centrul transformării.

Valorile posibile sunt: ​​distanțe în pixeli sau procente sau cuvinte cheie (stânga, centru, dreapta, sus, jos).

Valoarea inițială: 50% 50% este centrul elementului.

Coordonatele sunt contorizate din colțul din stânga sus al elementului. Dacă este specificată o singură valoare, a doua valoare este centrul. Dacă sunt specificate două valori, a treia valoare este 0.







Transformarea stil

Definește suportul 3D în cadrul elementului de transformare.

elementul transformat cu element plat - elementul transformabil - elementul transformabil are un volum interior

Următoarele proprietăți pot înlocui acțiunea de transformare: păstrați-3d; și face afișarea elementului plat, indiferent de valoarea stilului de transformare:

preaplin cu nimeni altul decât valoarea opacitate vizibilă pentru orice altă valoare decât 1 (blocurile tridimensionale, atunci când obiectul set înveliș transformabil, adică la nivel mai mare decât transforma-stil: păstrarea-3d; La un nivel, care nu interferează unele cu altele.), asa ca a fost la momentul respectiv scrierea articolului, acum transparența face ca elementul tridimensional să fie plat. filtru cu orice valoare, cu excepția niciunui

perspectivă

Proprietatea determină adâncimea scenei. Cu cât valoarea este mai mică, cu atât mai mult scena este întinsă către spectator. Este dată părintelui elementelor transformate.

Valorile posibile sunt: ​​nici una sau lungimea în pixeli.

Perspectiva origine

Responsabil pentru localizarea punctului de la care se calculează perspectiva. De fapt, poziția spectatorului față de scenă este stabilită.

Valorile posibile sunt: ​​distanțe în pixeli sau procente sau cuvinte cheie (stânga, centru, dreapta, sus, jos).

Fata de jos vizibilitate

Specifică vizibilitatea spatelui obiectului.

Valorile posibile sunt: ​​vizibile - obiectul este întotdeauna vizibil, indiferent de ce parte este rotită (valoarea implicită). Ascundeți - ascundeți obiectul dacă acesta este răsturnat cu "înapoi".







Trimiteți-le prietenilor: