Webice.Ru - социальная сеть для блоггеров

«    Октябрь 2020    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
Webice.Ru - социальная сеть для блоггеров » Разработка » Эффект индикатора загрузки на CSS
 

 Эффект индикатора загрузки на CSS


Гуляя по просторам интернета можно найти очень много классных и интересных техник. Сегодня на повестке дня у нас просто бриллиантовый трюк от Lea Verou, который позволяет с помощью текста имитировать индикатор загрузки. Он настолько прост и изумителен, что я не смог пройти мимо. Давайте же его разберём!
Она состоит из одного тега заголовка первого уровня h1, которому добавили атрибут data-content, дублирующий содержание заголовка. Для эффекта загрузки нам понадобятся две одинаковые фразы, одну из которых мы будем хранить в псевдо-элементе :before.



Также webice рекомендует:
    Создание индикатора загрузки на jQuery
    Вы хотите скрасить загрузки каких-либо объектов сайта, сделать более привлекательной загрузку контента сайта, тогда этот урок именно для Вас. В данном посте мы расскажем как можно создать простой аним ...

    Создаем индикатор процесса с помощью CSS3
    Индикатор прогресса является неотъемлемой частью почти любого сайта. Обычно он используется для отображения состояния загрузки или какого либо другого процесса на сайте. Делаете ли вы веб-приложение и ...

    Создаем индикатор процесса с помощью CSS3
    Индикатор прогресса является неотъемлемой частью почти любого сайта. Обычно он используется для отображения состояния загрузки или какого либо другого процесса на сайте. Делаете ли вы веб-приложение и ...

Читать далее
0
Просмотров: 417 Обсудили: 0
Информация
Гости не могут оставлять комментарии в данной новости, зарегистрируйтесь или авторизуйтесь на сайте.
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты