<MyRusakov.ru />

Создание Интернет-магазина на OpenCart 2.0

Создание Интернет-магазина на OpenCart 2.0

Видеокурс "Создание Интернет-магазина на OpenCart 2.0" обучит Вас созданию любых Интернет-магазинов на OpenCart 2. В первом разделе курса разбираются абсолютно все возможности данного движка с примерами.

Во втором разделе создаётся полноценный Интернет-магазин, где Вы уже всё увидите своими глазами.

И, наконец, в третьем разделе курса созданный Интернет-магазин будет размещён в Интернете.

К курсу так же идут бесплатные и очень ценные Бонусы сопоставимые с самим курсом: "Как сэкономить на Яндекс.Директ до 50%", "Дропшиппинг" и "Как раскрутить Интернет-магазин".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Круглая тень
04.07.2018 14:11:52 Круглая тень Сообщение #1
Money

Money

Новичок

Новичок

Дата регистрации:
02.07.2018 13:40:26

Сообщений: 10

Можно ли сделать круглую тень вокруг иконки на расстоянии от нее?
Профиль Ответить
04.10.2018 16:12:04 Круглая тень Сообщение #2
iro4kin

iro4kin

Новичок

Новичок

Дата регистрации:
16.09.2018 18:42:10

Сообщений: 5

Можно с помощью box-shadow.
box-shadow: [смещение тени по горизонтали] [смещение тени по вертикали] [степень размытия] [растяжение] [цвет];

Если у вас в первом параметре положительное число, к примеру 25px, то тень сместится вправо. Если отрицательное, к примеру, -25px, то тень сместится влево.
Тоже самое со вторым параметром вверх/вниз.

Степень размытия чем больше число, тем размытей тень. К примеру, 50px;
И растяжение: если параметр отрицательный, к примеру, -5px, то тень сожмется. Если параметр положительный, к примеру, 5px, то тень растянется.

http://htmlbook.ru/css/box-shadow

Чтобы сделать иконку с круглой тенью, вам надо задать скругление на саму иконку. С помощью border-radius: 50%;

И саму картинку в <div> обернуть.

Не полный пример

<style>
.shadow {
box-shadow: 25px 15px 50px 0px #ccc;
}
.shadow img {border-radius: 50%;}
</style>

<div class="shadow">
<img src="img.jpg" />
</div>
Профиль Ответить
14.11.2018 19:38:15 Круглая тень Сообщение #3
Atos

Atos

Новичок

Новичок

Дата регистрации:
14.11.2018 19:23:33

Сообщений: 9

Прошу прощения, но вот искать с чего можно начать изучение CSS, просто долго времени уйдет может вы мне посоветуете с чего же нужно начинать.
Профиль Ответить