Материал
По возможности мы всех призываем указывать источник материала если вы нашли у нас что-то дейстительно интересное и новое для себя.

Понравился материал? Поделись с ним в социальных сетях !

Источник
Ссылки

Используйте быстрые ссылки для вставки в сообщениях форума.

Ccылка
BB-Code
HTML-код

Анимация появления страницы для uCoz

Дата и время публикации : 09.Апр.17 в 19:00 | Раздел : Прочее для uCoz


Параметр Значение
Дата публик. 09.Апр.17, Воскресенье, 19:00
Адапт. дизайн
Обновления Не производились
Просмотрен 293

Анимация появления страницы нужна чтобы создать хороший эффект загрузки для вашего сайта. Для использования анимации нам не пригодиться JavaScript. Все анимации хранятся внутри CSS-файла. 



Установка :

1. Открывает панель управления и заходим в редактирования нужной страницы. Пусть у нас будет модуль "Страницы сайта"

2. Находим там <body> и заменяем на :

<body class="fadeIn">

 

3. Ставим данный код перед </head> :

<link rel='stylesheet' id='custom-style-css' href='http://7uarts.ucoz.org/7uarts/pagetransitioneffects/animations.css' type='text/css' media='all' />

 

Классы для разных анимаций :

1. fadeIn - Эффект появления
2. fadeInLeft - Появление слева
3. fadeInRight - Появление справа
4. fadeInDown - Появление сверху
5. fadeInUp - Появление снизу
6. flipInX - Эффект X
7. flipInY - Эффект Y
8. fadeDistortion - Эффект покачивания
9. zoomIn - Эффект увеличение

Менять классы в строке  <body class="fadeIn">

На данный момент никто не оставил комментариев.

Оставить комментарий :


Требуется войти в свой аккаунт.

Для того чтобы оставить комментарий вам не обходимо войти в свой аккаунт или зарегистрироваться.

Вход Регистрация

Смотрите также :

9 иконок юзеров в формате PNG, PSD, SVG и EPS

Иконки отлично подойдут для сервисов, где есть личные кабинеты, комментарии, отзывы и все то, что связано с пользователями. К примеру, я нашел эти ...