Jump to content
  • 0

Текст как у star wars


Nushaba
 Share

Question

Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif

Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в текстовый редактор, но это уже моя головная боль.

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif

Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в текстовый редактор, но это уже моя головная боль.

Если только яваскриптом, считывать построчно и вкладывать в div нужной ширины и размера шрифта.
Link to comment
Share on other sites

  • 0

Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif

Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в текстовый редактор, но это уже моя головная боль.

Или каждую строку в отдельный див, чтоб он был чуть уже или шире предыдущего... И каждому блоку задать размер текста, выравнивание по горизонтали-justify.

Link to comment
Share on other sites

  • 0

mishka, респект! Это реально круто, не знал что так можно! Огромное спасибо.

Сам недавно узнал от кого-то из форумчан, тоже был восхищен.

так по-моему сам Макс и выкладывал где-то эту ссылку. Помнится, что в коммерции где-то.

Link to comment
Share on other sites

  • 0

mishka, респект! Это реально круто, не знал что так можно! Огромное спасибо.

Сам недавно узнал от кого-то из форумчан, тоже был восхищен.

так по-моему сам Макс и выкладывал где-то эту ссылку. Помнится, что в коммерции где-то.

Да нее, я ещё маленький для этого :)

psywalker, ок.

Во что нашёл: http://www.gesteves.com/experiments/starwars.html

Как делать описано тут: http://ajaxian.com/archives/star-wars-html-and-css-a-new-hope

Спасибо дружище!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy