Сегодня покажу и расскажу, как сделать интересную анимацию загрузки на сайте:)
1. Создаем стандартный html документ и подключаем css к странице:) 2. Создаем в <body> div-контейнер, и добавляем в него 4 <span> 3. Переходим в CSS, где и происходит вся магия:)
Обнуляем Padding и Margin(для удобства) 3.1 Добавляем нашему классу позиционирование и равняем все по центру (мне просто удобнее так для примера). 3.2 Добавляем свойства всем <span> классу 'load'. 3.3 Добавляем keyframes для анимации 3.4 Добавляем превдоклассы affter и before для load span. Далее прописываем свойства для него. 3.5 Добавляем псевдокласс nth-child для каждого элемента )))))))))))))))))))))))))))
Сегодня покажу и расскажу, как сделать интересную анимацию загрузки на сайте:)
1. Создаем стандартный html документ и подключаем css к странице:)
2. Создаем в <body> div-контейнер, и добавляем в него 4 <span>
3. Переходим в CSS, где и происходит вся магия:)
Обнуляем Padding и Margin(для удобства)
3.1 Добавляем нашему классу позиционирование и равняем все по центру (мне просто удобнее так для примера).
3.2 Добавляем свойства всем <span> классу 'load'.
3.3 Добавляем keyframes для анимации
3.4 Добавляем превдоклассы affter и before для load span.
Далее прописываем свойства для него.
3.5 Добавляем псевдокласс nth-child для каждого элемента
)))))))))))))))))))))))))))