問(wèn)題描述

如下圖：

一個(gè)簡(jiǎn)單地頁(yè)面，幾個(gè)p。

p大概5px地厚度。

旋轉(zhuǎn)p呈現(xiàn)如圖地效果

不知道筒子們有啥想法？這個(gè)厚度貌似一定要多兩個(gè)dom去實(shí)現(xiàn)？

原圖：https://www.mapbox.com/

PS. 話(huà)說(shuō)SF這個(gè)上傳圖片功能非常牛逼啊，選取截圖，直接剪貼板復(fù)制就自動(dòng)上傳了，我給個(gè)贊。

問(wèn)題解答

可以是可以，但是很麻煩。無(wú)非就是用transform:translate3D來(lái)把p變形，做出一個(gè)立方體，配合perspective產(chǎn)生透視效果。css3實(shí)踐—?jiǎng)?chuàng)建3D立方體

可以做，就是比較麻煩

為什么不是設(shè)計(jì)師直接導(dǎo)出這樣的圖...