Clip Path Inset Circle?CSS

Разбираемся в CSS
Anonymous
Clip Path Inset Circle?

Сообщение Anonymous »

Можно ли создать путь вставки круга, так что путь зажима эффективно прорезал отверстие через DIV в центре, против только показателя центра?

The div should all be shown apart from a hole cut out in the center to create something like this:

Изображение


I would like to use clip path or something similar so Что я могу иметь материал (изображения и содержание) за DIV, и путь клипа будет использоваться для раскрытия этого. Таким образом, Div (синий Div от моего JSFiddle) исчезнет из центра, используя переход, чтобы показать содержание, стоящее за ним.


div {
background: blue;
width: 200px;
height: 200px;
-webkit-clip-path: circle(50px at center);
}< /code>

https://jsfiddle.net/pm4yvbxn/

Подробнее здесь: https://stackoverflow.com/questions/370 ... set-circle

Вернуться в «CSS»