+7-499-70-300-44
заказать звонок
Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Спасибо за оставленную заявку
Ожидайте звонка

Preloader для сайта

preloader

HTML после открытия тега body

<!-- Preloader -->
<div class="preloader"></div>
<!-- Preloader end -->

JS

/*=========================================================================
        Preloader
=========================================================================*/
$(window).load(function() {
    "use strict";
    $(".preloader").delay(350).fadeOut('slow');
});

CSS


/*-----------------------------------------------------------------*/
/*                      PRELOADER                                  */
/*-----------------------------------------------------------------*/
.preloader {
    width: 100%;
    height: 100%;
    background-color: #23475B;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader:before,.preloader:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
}

.preloader:before {
    background-color: #ed5f6b;
    left: 50%;
    -webkit-animation: animation_left_round 1.8s infinite ease-in-out;
    animation: animation_left_round 1.8s infinite ease-in-out;
}

.preloader:after {
    background-color: #FFF;
    right: 50%;
    -webkit-animation: animation_right_round 1.8s infinite ease-in-out;
    animation: animation_right_round 1.8s infinite ease-in-out;
}

@-webkit-keyframes animation_left_round {
    0%,100% {
        -webkit-transform: translate3d(50%,-50%,0);
        transform: translate3d(50%,-50%,0);
    }

    50% {
        -webkit-transform: translate3d(-150%,-50%,0);
        transform: translate3d(-150%,-50%,0);
    }
}

@keyframes animation_left_round {
    0%,100% {
        -webkit-transform: translate3d(50%,-50%,0);
        transform: translate3d(50%,-50%,0);
    }

    50% {
        -webkit-transform: translate3d(-150%,-50%,0);
        transform: translate3d(-150%,-50%,0);
    }
}

@-webkit-keyframes animation_right_round {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

    50% {
        -webkit-transform: translate3d(150%,-50%,0);
        transform: translate3d(150%,-50%,0);
    }
}

@keyframes animation_right_round {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

    50% {
        -webkit-transform: translate3d(150%,-50%,0);
        transform: translate3d(150%,-50%,0);
    }
}

Другие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Введите адрес сайта, который нуждается в продвижении *

Указать точное время звонка

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка