是否有一些Html5 / CSS3技巧可以在3D表面上方浮动单词?

时间:2012-05-03 15:01:37

标签: html5 css3 3d

3D表面是指具有地平线的平面(从第一人称视角显示深度)

这些词应该看起来好像漂浮在表面之上;表面上应该有一个阴影。而且,“更远”的单词看起来比“更接近”观看者的单词要小。 最后,我认为这实际上是困难的部分(如果不是现在的技术完全不可能),单词应该倾斜以显示3D效果,有点像直道倾斜使得它看起来好像道路的两侧最终会遇到处于或超越地平线。

我正在寻找一种方法来使用普通的日常字体。我不想在画布上画字符。

1 个答案:

答案 0 :(得分:3)

你可能想要使用类似的东西:

text-shadow: 12px 12px 12px #000;

transform: scale(0.9) rotate(0deg) translate(0px, 0px) skew(20deg, 40deg);

属性,可以在http://css3generator.com/

之类的地方玩