Красивый эффект появления страницы сайта
 | |
| Здесь создает красивый и анимационный эффект при загрузки страниц на сайте. Что при переходе изменится структура и станет более плавным. Главное, что все создано на чистых стилях CSS и не нужно подключать JavaScript. Что анимация будет происходить только на одном файле, что подключим его на страницы. Ниже вам будут представлены классы, что будут отвечать за различные эффекты, где вы сами можете настроить как вам нужно. Тематические площадки будут разные, так как при создание не учитывалась тема и она подходит на на многие, не говоря какой стиль дизайн, это темный или светлый интернет ресурс. Рассмотрим класс на различные эффекты анимации. 1. fadeIn - Будет отвечать за эффект появления страницы. 2. fadeInLeft - Отвечает за появление с левой стороны. 3. fadeInRight - Этот класс будет отвечать с правой стороны. 4. fadeInDown - Эффект что отвечает за вверх сайта. 5. fadeInUp - Если нужно, чтоб с низ сайта появлялся. 6. flipInX - Эффект X 7. flipInY - Эффект Y 8. fadeDistortion - Можно сделать эффект на покачивание страницы. 9. zoomIn - А этот знакомый многим эффект увеличение. Приступаем к установке, нужно выбрать страницу, где будет производиться анимация и там находим там bоdy и заменяем на на следующее. Код <body class="fadeIn"> Ставим данный код перед /hеаd Код <link rel='stylesheet' id='custom-style-css' href='http://zornet.ru/Aben/ABGEA/FT/rynud/animations.css' type='text/css' media='all' /> На этом вся установка завершилась. Источник: simbyone.com | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 6 | |
|
| |
