純CSS3實現球體轉動效果

效果圖如圖所示 1、首先我們要寫四個方形div,將方形圓角化變成四個圓,然後初始化四個div的偏轉角度,如transform: rotateY(45deg);   2、設置轉動週期角度和週期時間animation: animation2 4s;     3、寫一個clcik方法控制四個圓形的轉動或停止animation-play-state:paused。這樣就大功告成了  
相關文章
相關標籤/搜索