有一些前沿的電商網(wǎng)站已經(jīng)開始使用3D模型來展示商品并支持在線定制,而其中圖書的展示是最為簡單的一種,無需復(fù)雜的建模過程,使用圖片和CSS3的一些變換即可實(shí)現(xiàn)更好的展示效果,簡潔而實(shí)用。
書本的3D模型是所有商品中最為簡單的,因?yàn)槠浔举|(zhì)上就是一個(gè)立方體(cube),只是帶有封面/封底和左側(cè)封條。 所以要構(gòu)造一個(gè)3D書本展示,問題就被分解為構(gòu)造一個(gè)立方體+旋轉(zhuǎn)+圖片背景。
1. 構(gòu)造一個(gè)立方體
要?jiǎng)?chuàng)建一個(gè)立方體,首先我們需要?jiǎng)?chuàng)建一個(gè)虛擬的三維視覺空間,這可以通過設(shè)置包容器元素的perspective屬性獲得。

新聞熱點(diǎn)
疑難解答
圖片精選