Gimir
@Gimir
JavaScript dev

Как сделать насквозь прозрачный блок в див?

Доброго времени суток!
Вот сам блок:
5d7a7ca82592b567566460.png
Как сделать так чтобы блоки по углам были прозрачны до голубого фона?
  • Вопрос задан
  • 122 просмотра
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Лёгкого пути тут нет, к сожалению. Inset-закругления нет в CSS на данный момент. Только через градиент (адаптивно и всё такое) или картинкой на фон (не очень адаптивно, или через border-image (адаптивно, но с помощью картинки), или кучей блоков (адаптивно).

В данном случае идеально подойдёт градиент (второй пример):

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы