Як створити обертається текст

Відео: Як зробити круту анімацію тексту в Sony Vegas 13? (Туторіал)

Іноді з`являється необхідність виділити текст на сторінці якимось чином так, щоб відвідувач звернув на нього увагу. Є статичні методи: підкреслення, виділення жирним або курсивом. Але є і динамічні: обертання, повороти різні і просто зміна слів з виділенням. Динамічні змінювані слова явно сильніше привернуть увагу відвідувача, але при цьому дуже важливо не відлякати його. Дотримуйтесь золоту середину.

Приклади роботи плагіна можна побачити тут:

Подивитися прімерСкачать

Як користуватися?

Необхідно завантажити і підключити бібліотеку jQuery (вона знаходиться тут) І simple-text-rotator.js (її можна завантажити тут):

12345

$(".rotate").textrotator({animation: "Spin",separator: ",",speed: 2000})-

Відео: Як зробити 3D анімацію в Sony Vegas. 3Д ефект в Соні Вегас. Анімація предметів і тексту #sonyvegas

Розглянемо ці властивості і які значення вони можуть приймати:

Відео: ПОВОРОТНИЙ ТЕКСТ В фотошопі

• .rotate - це клас того елемента, в якому знаходяться виділяються і замінні слова.
• animation - дана властивість відповідає за анімацію тексту, тобто за ефект. Значення можуть бути наступні: dissolve, flip, flipUp, flipCube, flipCubeUP, fade і spin. За замовчуванням варто dissolve.
• separator - це роздільник між словами, зазвичай використовується кома, але в 4-м демо використовується знак "|".
• speed - це швидкість зміни слів, яка задається в мілісекундах. А також швидкість зміни або обертання слів можна змінити у файлі simpletextrotator.css.

висновок

Використовуйте цей плагін, тільки з обережністю, щоб не відлякати користувача :).

Успіхів!

джерело: https://onextrapixel.com/2013/08/27/super-simple-text-rotator-with-almost-no-effort-required/