Как сделать прозрачную “дырку”

358

28 ноября 2017, 20:33

Над элементом с контентом есть полупрозрачный элемент, в котором нужно сделать прозрачную круглую "дырку". Как это сделать с помощью стилей css?

Answer 1

В ввиду отсутствия вашего кода мог лишь показать пример:

#test { 
  width: 100px; 
  height: 100px; 
  border-radius: 100px; 
  background-color: rgba(255, 255, 255, 0.100); 
  border: 20px solid #000; 
} 
 
/*Фон body*/ 
body { 
  background: blue; 
}

<body> 
  <div id='test'> 
  </div> 
</body>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как перевести цвет фона сайта в градации серого (grayscale)?

261

MySQL

Не выполняется sql запрос php

Собственно сам запросЕсли вводить не длинное значение в $postBody, то все вставляется, если мини статью или просто небольшой текст из 3-4 предложений...

333

MySQL

api для андроид приложения

есть несколько вопросов по поводу API:

329

MySQL

Explode в MySQL запросе

Как я понял, аналога Explode в MySQL нетНо как быть с такими ситуациями? Есть набор материалов в базе данных, каждый из которых имеет строковой параметр...

316