Воссоздать эффект текста через HTML5 и Google Text API - PullRequest
0 голосов
/ 12 января 2012

Как я могу воссоздать эффект текста на изображении ниже, включая тени и границы, используя HTML5, CSS3 и Google Text API (при необходимости)?

enter image description here

1 Ответ

2 голосов
/ 13 января 2012

Есть много способов воссоздать графику.Вы могли бы абсолютно позиционировать элементы, или вы могли бы позволить элементам плавно встать на свои места.

Для последнего, который я предпочитаю, вам нужен контейнер для изображения (в качестве фона), контейнер для хранения текста(который будет иметь полупрозрачный фон), а затем сам текст, разбитый на элементы inline / inline-block, чтобы вы могли стилизовать каждый.текст и изменение шрифтов / размеров шрифта / отступов для каждого текстового элемента (включая текстовый API Google):

JS Fiddle: http://jsfiddle.net/rgthree/v6h2g/

Очевидно, я не сделалпопробуй обработать сам шрифт.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...