Pull to refresh

Marquee умер, да здравствует marquee

CSS *
imageТег <marquee> известен многим. Этот тег позволяет создавать на странице простейшую анимацию в виде плавного скроллинга текста. <marquee> появился в Internet Explorer и не является стандартным тегом, тем не менее, поддерживается большинством браузеров в целях совместимости. В наши дни W3C не рекомендует использовать <marquee>.

Однако не многие знают, что marquee обретает жизнь в новом лице.

Согласно этой спецификации (последняя редакция от 5 декабря имеет статус W3C Candidate Recommendation) в CSS 3 будет введен набор свойств для реализации механизма marquee.

overflow-style


Это свойство устанавливает стиль для известного всем свойства overflow. Принимает следующие значения:
auto — автоматический выбор
marquee-line — скролл по горизонтали;
marquee-block — скролл по вертикали.

marquee-style


Устанавливает стиль анимации. Принимает следующие значения: scroll, slide, alternate.

marquee-play-count


Устанавливает количество повторов для анимации текста. Может принимать значение «infinite».

marquee-direction


Устанавливает направление анимации. Принимает значения: forward или reverse.

marquee-speed


Устанавливает скорость анимации. Принимает значения: slow, normal или fast.

Пример определения стиля


li {
overflow-style: marquee-block;
marquee-play-count: infinite;
marquee-speed: slow;
marquee-style: scroll;
marquee-direction: reverse;
}

Заключение


Похороны <marquee> состоялись давно, но иногда его все еще можно встретить на некоторых страницах в интернет. С приходом CSS3 такие встречи буду более частыми, поскольку этот стандарт предлагает альтернативу мертвому тегу разметки.
Tags:
Hubs:
Total votes 54: ↑50 and ↓4 +46
Views 15K
Comments Comments 49