<MyRusakov.ru />

Программирование на Java с Нуля до Гуру

Программирование на Java с Нуля до Гуру

Данный курс научит Вас программировать на одном из самых прибыльных языков программирования в мире - Java. Курс состоит из 9-ти разделов, в которых с нуля объясняется и показывается процесс написания программ на Java.

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

Просмотрев данный курс и выполнив упражнения из него, Вы сможете создавать программы любой сложности на языке Java.

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

Подписавшись по 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

Сообщений: 6

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