IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

3D Transforms (transformace) - Český CSS3 manuál

Metody pro 3D Transformace

RotateX()

Otočí element kolem osy X o zadaný úhel.

Ostatní CSS vlastnosti
div
{
    transform: rotateX(120deg);
    -webkit-transform: rotateX(120deg); /* Safari and Chrome */
    -moz-transform: rotateX(120deg); /* Firefox */
}

RotateY()

Otočí element kolem osy Y o zadaný úhel.

Ostatní CSS vlastnosti
div
{
    transform: rotateY(130deg);
    -webkit-transform: rotateY(130deg); /* Safari and Chrome */
    -moz-transform: rotateY(130deg); /* Firefox */
}

K metodám zmíněným v předchozím tutoriále je možné použít dodatečné 3d:

transform: matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n);
transform: translate3d(x,y,z);
transform: scale3d(x,y,z);
transform: rotate3d(x,y,z,úhel);

 

Všechny články v sekci
Ostatní CSS vlastnosti
Článek pro vás napsal David Jančík
Avatar
Autor je vášnivý programátor. Nezná slovo "nelze", nebojí se zkoušet nepoznané a pronikat do nových technologií.
Aktivity