В принципе эта тема не особо интересна для вебмастеров которые выстраивают разметку сайта минималистично и как правило избегают всяких плюшек и фишек (что кстати правильно, и не раздражает посетителя). Но иногда замечаю что всё таки применяют бегущую строку, и как обычно было принято через тег marquee. Решил немного отвлекусь и возможно подскажу кому то как делать это через CSS анимацию. Сама конструкция проста:
Код
<h1 class="motion"> <span> Zornet.ru - Сайт по теме как создать сайт uCoz с различными интересными решением по его продвижению в сети, все ответы на ресурсе. </span> </h1>
Оформлять не стал фон и сам текст, думаю это лишнее, тем более не знаю какой тег вы применять будете и уже задавать стилевые параметры...
Теперь поясню, h1 тег я думаю понятно для значимости (тег любой можно применить, хоть u-с подчёркиванием), задаём класс motion в котором будет любой ваш текст, тут всё ясно но добавлю что 20s время действия одного этапа анимации (20 секунд, чем больше текст, тем больше ставим значение временное, иначе текст будет бежать быстро, при минимальном же размере текста уменьшаем время прохождения). Infinite означает что анимация текста будет повторятся, можно конечно сделать проход в определенное количество, вместо infinite ставим просто цифровое значение кол-ва.
Почему поставил linear, ну просто тогда анимация происходит равномерно на протяжении всего времени, без колебаний в скорости. Можно сменить на любое другое значение, к примеру на ease и тогда анимация начинается медленно, разгоняется быстро и замедляется в конце.
Ну и коротко о правиле @keyframes — оно позволяет описать анимацию CSS свойств в виде перечня ключевых кадров. Обычно пишут начало from и to, проценты как тут равнозначно этим значениям, from=0% и to=100%, если писать другую анимацию допустим передвижения блока, то в 0% задаём позиционирование начальное, в 25% куда блок будет двигаться, в 50% со второй точки перемещение, и допустим вернём блок на место - в 100% пишем первое значение блока...
Вообщем я отвлёкся, данный пост не считаю серьёзным) поэтому просто как вариант тегу marquee.
Сообщение отредактировал Angerfist - Воскресенье, 16 Октября 2016, 13:29
Вообще стили нужно ставить в css, что раньше можно было сделать по другому. Поставить на один модуль и он там только работает. Может кто то что слышал, можно так или уже не актуально.
ArtElect, никогда не приходилось слышать фразу "всё на CSS3, без применения скриптов"? Ну так вот чтобы поставить точку повторяюсь:
Цитата
Скрипт — это программа или программный файл сценарий, которые автоматизируют некоторую задачу, которую пользователь делал бы вручную, используя интерфейс программы. Скрипты пишутся на скриптовый языках, которые различаются по своему синтаксису, сферам применения и возможностям. Например: AngelScript, Perl, Python, PHP, JavaScript, JScript и другие.
Цитата
CSS (Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
