Блог RU-CENTER На некоторых сайтах вас встречают красивые всплывающие меню и кнопки, которые меняют вид при наведении мышки, клике или прокрутке страницы. Такие эффекты называются анимацией — они влияют на общее впечатление от ресурса и легкость пользования сайтом. Чем плавнее переходы и необычнее анимация, тем больший вау-эффект произведет на посетителя ваш сайт. Добиться плавности и других свойств анимации помогает CSS — в статье расскажем, что это за язык и как с его помощью сделать простую анимацию элементов сайта...

Приветствую всех! В данной статье разберем как показать прелодер (preloader) во время загрузки страницы. То есть до тех пор пока DOM не будет готов у нас на странице будет показана анимация. Все это реализуем на чистом js + css, без использования jQuery. В качестве анимации можно использовать gif-картинку или сделать анимацию на чистом css. Вот пример гифки. И так, сначала добавим нtml-код прелодера на html-страницу где-нибудь ниже, например, перед закрывающим тегом body. Причем вставляем данный код на всех html-страницах, где должен показываться данный preloader...