簡單的轉盤抽獎——CSS動畫最佳化，轉盤抽獎css

簡單的轉盤抽獎——CSS動畫最佳化，轉盤抽獎css
前言

前兩天去一家公司面試，被問到一些小遊戲的東西。面試官提到了刷紅包還有抽獎這些怎麼實現，當時簡單說了下思路，回來之後想想還是說的太輕描淡寫了，幹說不做就是耍流氓，所以就做了一個（Demo & 源碼）。啟動方式：手指在轉盤上滑動，轉盤轉動。這裡沒有像一般的抽獎程式一樣在後台指定抽獎結果，結果完全由你的手速決定的（老闆哭了。。。）

 

 

介面

介面很簡單，網上搜個圖片或者直接搜個 demo 就有了，當然自適應也是必須的。這裡用了 Rem 來實現自適應，所有尺寸單位均用 rem，改變 html 節點的 font-size 即可實現全屏縮放，這裡設定的是當螢幕寬度小於420px的時候轉盤尺寸與屏寬城正比，當屏寬大於420px的時候轉盤尺寸固定。