日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

CSS3之3D輪播動畫詳解 css3d動畫演示( 二 )



scroll是動畫名稱,可以自定義 。
6 。更立體:《transform-style:preserve-3d》可以化腐朽為神奇,只需在父元素中加入這個屬性即可 。

CSS3之3D輪播動畫詳解 css3d動畫演示


立體的
此時刷新頁面會產生這樣的效果:
CSS3之3D輪播動畫詳解 css3d動畫演示


貌似和最終效果還有些偏差,這時我們只需要用“perspective”調整一下視角就可以了,給最外圍盒子添加樣式perspective:1000px;該屬性用來調整視角的遠近 。
CSS3之3D輪播動畫詳解 css3d動畫演示


一般情況下,物體離視線越遠,體積越小 。但是,如果一個規(guī)則的立體圖形靠近我們的視線,每張臉的大小差異就很難看出來 。在CSS中,可以使用透視來調整視角的距離,也可以使用“透視-原點”來調整視角的位置 。感興趣的白人可以試試 。
好了,你完了 ?,F(xiàn)在你可以刷新你的頁面了!
免責聲明:我也是小白 。本文僅供相互交流 。如有錯誤,請指正 。
,

推薦閱讀