千峯逆戰班停課不停學,3周學習實現3D翻書效果

首先,確定一下要寫一本幾頁的書,頁數自定義,然後寫一個盒子(整本書),書裏面包含單頁,我們用列表來做,代碼如下: 接下來開始寫它的CSS樣式。首先,我們要給html中的代碼去掉默認樣式,例如列表符號等,接着給這個整體的盒子,也就是這本書確定一個寬高,然後在頁面居中,由於盒子裏面書的單頁是固定在裏面的,所以我們要給這個整體的盒子加一個相對定位,然後加一個3D的效果,代碼如下: 接下來,給書裏邊的單頁
相關文章
相關標籤/搜索