css3 3d omdanner

ved hjælp af med 3d omdanner, kan vi flytte element til x - aksen, y - akse og z - aksen, under eksempel klart angiver, hvordan det element vil rotere, metoder til 3d omdanner under metoder anvendes til 3d omdanner, værdier, beskrivelse matrix3d (n, n, n, n, n, n, n, n -, n, n, n, n, n, n, n, n -), der ændrer element ved hjælp af 16. værdier af matrix translate3d (x, y og z), der ændrer element ved hjælp af x - aksen, y - akse og z - translatex (x), der ændrer element ved hjælp af x - aksen translatey (y) plejede at forvandler element ved hjælp af x - akse translatez (z), der ændrer element ved hjælp af x - akse scalex (x), der anvendes til omfang gør det element ved hjælp af x - aksen scaley (y), der anvendes til omfang gør det element af brugng x - akse scaley (y), der ændrer element ved hjælp af z - rotatex (vinkel), der anvendes til at rotere forvandler element ved hjælp af x - aksen rotatey (vinkel), der anvendes til at rotere forvandler element ved hjælp af x - akse rotatez (vinkel), der anvendes til at rotere forvandler element ved hjælp af z - aksen, x - aksen 3d omdanner følgende eksempel viser de x - aksen 3d omdanner, < html > < head > < stil > div (bredde: 200px. højde: 100px; baggrund farve: lyserød, grænse: 1px fast sort} div&#mydiv {- webkit omdanne: rotatex (150deg) /* safari * /ændre: rotatex (150deg) /* standard syntaks * /} < /stil > < /head > < krop > < div > tutorials point.com < /div > < p > roterer x - aksen < /p > < div id = "mydiv" > tutorials point.com.< /div > < /organ > < /html > det giver følgende resultat −,, y - akse 3d omdanner følgende eksempel viser, y - aksen 3d omdanner, < html > < head > < stil > div (bredde: 200px. højde: 100px; baggrund farve: lyserød, grænse: 1px fast sort} div&#ydiv {- webkit omdanne: rotatey (150deg) /* safari * /ændre: rotatey (150deg) /* standard syntaks * /} < /stil > < /head > < krop > < div > tutorials point.com < /div > < p > roterer yxis < /p > < div id = "ydiv" > tutorials point.com.< /div > < /organ > < /html > det giver følgende resultat −,, z - 3d omdanner følgende eksempel viser z - aksen 3d omdanner, < html > < head > < stil > div (bredde: 200px. højde: 100px; baggrund farve: lyserød, grænse: 1px fast sort} div&#zdiv {- webkit omdanne: rotatez (90deg) /* safari * /ændre: rotatez (90deg) /* standard syntaks * /} < /stil > < /head > < krop > < p > roterer z - aksen < /p > < div id = "zdiv" > tutorials point.com.< /div > < /organ > < /html > det giver følgende resultat &minus,,,



Previous:
Next Page: