js簡單實現大風車

今天分享下大風車的製作,效果圖如下,其實看着挺好看的,哈哈… HTML和CSS 上述代碼主要就是搭建一個風車的形狀和按鈕的初始狀態。 先給個容器包括四個扇葉,設置形狀背景和相對定位,因爲四個扇葉要定位到上面。 風車四個邊,固定寬高,加上絕對定位,改變左上的形狀,使其變成尖角。同時改變旋轉基點,其他三個扇葉依次旋轉90度倍數就可以了。 改變按鈕的位置,加上背景。value是按鈕上要顯示的初始值,給個
相關文章
相關標籤/搜索