用CSS3創建3D圖像效果？

Question

有沒有辦法用CSS3/Mootools來操縱圖像來創建3D效果？

澄清3D，如您所穿的那種帶紅色和藍色濾鏡的眼鏡可以看到3D效果。不僅僅是一個盒子上的投影。

如果我有一張普通照片，我可以用CSS或/和Mootools隨時關閉3D嗎？

Answer 1

您可能可以使用box-shadow和text-shadow在基本級別上實現這種效果。將文本顏色設爲藍色，將文字陰影設爲紅色（並且不模糊）。

但是，這隻會在一定程度上起作用 - 會有一些你根本無法做到的事情。文字陰影應該能夠相當有效地做到這一點，但是箱體陰影只能在有限的情況下使用。圖像當然不可行（儘管我猜你總是可以在已經存在顏色分割的情況下爲圖像提供服務），並且您必須將自己限制爲有效的單色頁面。

這也意味着當你編寫你的CSS時手動計算整個事情。嗯....好玩。

Answer 2

號

你會需要一些非常專業的（它可能會與<canvas>或插件來操作）來生成諸如圖像，即使你有一個3D源開始與（這你不」 T）。