站長資訊網
最全最豐富的資訊網站

css3怎么設置向哪個方向3d旋轉

方法:1、用“transform: rotateX(角度);”樣式設置元素沿X軸方向3d旋轉;2、用“transform: rotateY(角度);”樣式設置元素沿Y軸方向3d旋轉;3、用rotate3d()方法設置元素向任意方向3d旋轉。

css3怎么設置向哪個方向3d旋轉

本教程操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。

css3怎么設置3d向哪個方向旋轉

一、沿著X軸旋轉 rotateX

transform: rotateX(360deg);

css3怎么設置向哪個方向3d旋轉

css3怎么設置向哪個方向3d旋轉

立體感不夠,可以加一個透視perspective,注意要加在觀察元素的父盒子上面

css3怎么設置向哪個方向3d旋轉

就可以變成這個樣子

css3怎么設置向哪個方向3d旋轉

二、沿著Y軸旋轉 rotateY

 transform: rotateY(360deg);

css3怎么設置向哪個方向3d旋轉

三、沿著Z軸旋轉 rotateZ

 transform: rotateZ(360deg);

和2D旋轉差不多

css3怎么設置向哪個方向3d旋轉

四、還可以自定義旋轉軸

 transform: rotate3d(1, 1, 0, 360deg);

css3怎么設置向哪個方向3d旋轉

(學習視頻分享:css視頻教程)

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
国产精品91在线| 国产精品videossex国产高清| 久久无码人妻精品一区二区三区| 亚洲国产精品综合一区在线| 精品视频午夜一区二区| 亚洲精品在线播放视频| 国产精品亚洲综合一区| 人妻熟妇乱又伦精品HD| 久久国产乱子伦精品免费强| 国产乱人伦真实精品视频| 精品视频无码一区二区三区| 国产高清在线精品一区小说| 国产精品一在线观看| 日本久久久精品中文字幕| 日韩精品久久久肉伦网站| 69久久精品无码一区二区| 伊人久久国产精品| 日韩亚洲国产综合高清| 999久久久免费精品国产| 992tv精品视频tv在线观看| 国产精品一在线观看| 999久久久免费精品播放| 国产午夜精品久久久久九九| 国产成人精品高清免费| 亚洲精品第一国产综合野| 国产成人精品国内自产拍| 日韩一区二区三区四区不卡| 97精品人妻系列无码人妻| 久久精品丝袜高跟鞋| 中文国产成人精品久久一区| 日韩高清一区二区三区不卡| 精品无码久久久久久国产| 69国产成人精品视频软件| 国精品午夜福利视频不卡麻豆| 四虎精品成人免费视频| 波多野结衣精品一区二区三区| 亚洲精品无码人妻无码| 91综合精品网站久久| 久久伊人精品热在75| 亚洲国产精品婷婷久久| 久久久99精品一区二区|