NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

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