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

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

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

Псевдоэлементы CSS ::before и ::after могу быть неприменимы для полей ввода и изображений, так как HTML-элементы <input> и <img> являются замещаемыми элементами (replaced elements). Для таких элементов отведена целая категория в rendering section описания HTML-стандартов.

Функция calc() дает возможность рассчитать значения CSS-свойств во время их определения. Полезной особенностью этой функции является возможность смешивать значения операндов с различными единицами измерения. Так же, calc() можно использовать для деления исходного значения на равные части.