Подскажите, пожалуйста, как сверстать такое расположение иконок?
Если приглядеться, там по окружности (белый фон с несколькими кругами) расположены кликабельные иконки...
У меня вообще нет идей.
Ответ
Добавляю новый ответ, так как приложение почти полностью переписано и не знаю какое решение больше устроит автора.
Что сделано вновь:
Все изменяемые параметры переведены в проценты для достижения полной
адаптивности.
Блок окружностей, который обеспечивает круглую основу иконки с тенью
переведен в секцию
, что позволит менять размеры svg блока,
меняя проценты ширины и высоты родительского
.
Добавлены ссылки на каждую иконку
Иконки распределены по всей ширине svg блока
Для настройки размера и интенсивности тени увеличивайте или уменьшайте радиусы двух окружностей относительно друг друга. Так же для этих целей, можно изменять атрибут stdDeviation="4" фильтра
.container { width:100%; height:100% }
Для настройки размера и интенсивности тени увеличивайте или уменьшайте радиусы двух окружностей относительно друг друга. Так же для этих целей, можно изменять атрибут stdDeviation="4" фильтра
.container { width:100%; height:100% }
Комментариев нет:
Отправить комментарий