適配移動端Swiper的3D旋轉木馬輪播

2022-09-15 15:30:22 字數 879 閱讀 1300

沒人看我也要寫!

今天寫了個移動端網頁

想要那種滑動展示

不要分頁導航效果的輪播

( ⊙ o ⊙ )啊!

簡直可愛!

想親自己的小臉蛋

效果圖上菜啦~

就是這樣的

(⊙v⊙)嗯

中間圖還沒換

閉嘴,不准說醜!

**開始前

先引入swiper的css跟js

寫在中的

html欄---------------------------------------css欄--------------------------------

.table   

.table .swiper-container

.table .swiper-slide

.table .swiper-slide img

js欄----------------------------------

不得不說一句:swiper真的是我真愛!好好看api都好有意思啊!麼麼嘰~

還有,這個也給你們安利!swiper的2版!好用!

(づ ̄3 ̄)づ╭❤~

誇我下次見

~

移動端十二章3D

定義x軸的寫法 left center right length 定義y軸的寫法 top center bottom 20px 50 transform origin x y 等價寫法 transform translate3d 30px,30px,800px transform translate...

裸眼3D將是未來移動端的顯示的主要技術

為什麼本人會談這個,因為近幾天本人成功實現了眼球追蹤,不是特別的精確,但是面對裸眼3d的實現足夠了,只要攝像頭可以捕捉到你的眼睛就可以了 最後就是實現雙眼投射,那麼問題來了,投影如何調整自己的方向和位置,通過紅外和光感解決距離計算,並計算焦距,其實通過攝像頭也是可以計算的但是這個算的比較準確,還有就...

移動端適配的方法

1.利用meta的viewport做適配 在裡面加乙個script的處理 然後css的寫法就是按照正常量到的設計稿尺寸就可以了,單位為px 2.利用 手淘 rem less 做適配 less編譯成css,頁面只需要引入css就可以了,引入檔案 1 flexible.js 2 less編譯後的css檔...