Блог
Делимся с Вами своими знаниями и новостями
11.07.2018

Вращение картинки по кругу на CSS

Вращение картинки по кругу на CSS

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

Вращение картинки по кругу на CSS

Теперь немного пояснения. @keyframes – это правило CSS3, благодаря которому собственно происходит наша анимация. Оно говорит нам, что нужно повернуть картинку на 360 градусов. Все очень просто. Более подробно о анимации Вы можете прочитать в материалах по CSS3, которых полно в интернете.

Метки:

Комментарии:

Свяжитесь с нами уже сейчас

Перед тем как обращаться по контактам, указанным здесь, мы настоятельно просим Вас сравнить цены и условия у наших конкурентов. Это даст Вам более широкую картину того, сколько стоят услуги в области разработки сайта под ключ, как много времени занимает создание интернет-магазина или сайта-визитки. Кстати, у нас это займет не более 3 недель. Спасибо.