¿Hay algún truco Html5/CSS3 para palabras flotantes "sobre" una superficie 3D?

Por superficie 3D, me refiero a una superficie plana con un horizonte (que muestra la profundidad desde una perspectiva en primera persona)

Las palabras deben aparecer como si flotaran sobre la superficie; debe haber una sombra proyectada en la superficie. Además, las palabras "más lejos" aparecerán más pequeñas que las palabras que están "más cerca" del espectador. Por último, y creo que esta es realmente la parte difícil (si no del todo imposible con la tecnología actual), las palabras deben estar sesgadas para mostrar un efecto 3D, como si una carretera recta estuviera sesgada para que pareciera que los lados de las carreteras finalmente se encuentran. en o más allá del horizonte.

Estoy buscando una manera de hacer esto con fuentes normales de todos los días. No quiero tener que dibujar personajes en un lienzo.

preguntado el 03 de mayo de 12 a las 16:05

No estoy seguro de lo que quieres decir con "superficie plana con horizonte". ¿Podría proporcionar una captura de pantalla como ejemplo? -

Supongo que eso significa un punto de fuga. -

@Baxter, sí, esa es la frase que estaba buscando, "Punto de fuga" -

1 Respuestas

Probablemente querrás usar algo como:

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

y

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

Propiedades, juega con ellas en algún lugar como http://css3generator.com/

contestado el 03 de mayo de 12 a las 16:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.