【问题标题】:Is there some Html5/CSS3 trick for floating words "above" a 3D surface?是否有一些 Html5/CSS3 技巧可以将单词“高于”3D 表面?
【发布时间】:2012-05-03 23:11:19
【问题描述】:

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

文字应该看起来好像漂浮在表面之上;表面应该有阴影。此外,“更远”的词会比“更接近”观看者的词显得更小。 最后,我认为这实际上是最难的部分(如果不是用当前的技术完全不可能的话),文字应该倾斜以显示 3D 效果,有点像一条笔直的道路是倾斜的,使它看起来好像道路的两侧最终会相遇在或超出地平线。

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

【问题讨论】:

  • 我不确定您所说的“有地平线的平面”是什么意思。你能提供一个截图作为例子吗?
  • 我假设这意味着一个消失点。
  • @Baxter,是的,这就是我要找的短语,“消失点”

标签: html css 3d


【解决方案1】:

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

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

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

属性,在 http://css3generator.com/ 之类的地方玩一玩

【讨论】:

    猜你喜欢
    • 2022-09-24
    • 1970-01-01
    • 2013-06-11
    • 2019-02-11
    • 2012-04-14
    • 2012-09-30
    • 2011-11-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多