Суть эффекта вырезанного текста сводится к тому, что через буквы просвечивается фоновое изображение родительского блока.

В настоящее время CSS является очень мощным инструментом веб-разработчика, позволяющим создать большое количество качественных визуальных эффектов, не привлекая JavaScript. CSS позволяет контролировать значительное количество параметров, определяющий дизайн Вашего веб-ресурса: стиль графики, цветовое решение, визуальные эффекты.

CSS-свойство clip-path создает видимую область части элемента. То есть, все, что находится внутри такой области (clipping region), будет видно, а все, что находится вне этой области, будет скрыто.

Раннее мы уже касались вопроса создания изображений, сохраняющих свои пропорции, с помощью CSS и HTML.

Итак, расскажу или, для тех кто знает, напомню про один маленький трюк: CSS-функция clamp() делает шрифт адаптивным.