Jump to content
  • 0

Можно ли сделать эффект переворота текста


paska
 Share

Question

Есть флешь шаблон: http://www.templatemonster.com/flash-templates/30482.html.

Хочу сделать эффект, похожий на тот, что сделан для меню. Пока думаю так - запускать несколько анимаций одновременно:

1) покачивание кнопки - сделать думаю не проблема;

2) переход из черной кнопки в серую - спрайтом, с одновременно меняющейся прозрачностью.

3) переворот текста - тут я не знаю. Мой вопрос: можно ли такое сделать при помощи JS?

4) звездочки / шарики - про это еще не думал.

Если у кого есть идеи как сделать все вместе по другому - буду очень рад.

Заранее СПС.

Edited by paska
Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0
а почему флеш не устроил ?

по поводу переворота текст храните в виде картинки и просто вертите как хотите

потому что анимацию делаю я и во флеше не силен.

попробую с картинкой для текста.

Link to comment
Share on other sites

  • 0
Зачем текст в картинке? Это какой-то изврат получится. Делайте из текста массив (.split()) затем переворачивайте массив и собирайте снова в текст.

Извините, не понял. Разбить текст на буквы? Каждую букуву в тэг и проворачивать каждый тэг?

Если так, то зачем разбивать, можно весь текст проворачивать в тэге.

Link to comment
Share on other sites

  • 0
Ничего вы не поняли. При чем тут теги? Работайте с текстом как с массивом. Вот пример:

var text = 'some test text';
var arr = text.split('');
var text2 = (arr.slice().reverse()).join('');

alert(text + '\n' + text2);

Я все же в корне не понимаю. Может я не правильно выразился... Мне нужен переворот (вращение) текста вокруг горизонтальной оси, как в примере по ссылке из первого поста. Как мне в этом можте помочь переворот текста задом на перед?

Link to comment
Share on other sites

  • 0

А, все, прошу прощения, это я не так вас понял. Тогда наверное только картинкой. Или можно канвасом, но поисковики не поймут.

Upd: хотя вот сейчас посмотрел повнимательней на эффект, можно и текстом сделать. Там текст на самом деле не вращается, а совмещается с таким же. Присмотритесь повнимательнее, особенно это заметно при mouseout. Это довольно легко реализуется на том же jQuery.

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