Як зробити самостійно перегортаються текст на css3.

Відео: Вивчення CSS / CSS3 | # 7 - Стилі для тексту, а також шрифти CSS

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

Для початку зробимо структуру:

Відео: Кнопка для сайту з анімацією на CSS3

А тепер невеликі стилі:

Відео: [CSS 3] Урок 3. Робота з текстом

@keyframes scroll { 
0%{ 
 transform: translate(0,0) - 
} 
100%{ 
 transform: translate(-100%,0) - 
} 
} 
 
.marquee { 
 display: block- 
 width:100% - 
 white-space: nowrap- 
 overflow: hidden- 
} 
 
.marquee span { 
 display:inline-block- 
 padding-left:100% - 
 animation: scroll 5s infinite linear- 
}