Mask-image и overflow выполняют разные функции при создании эффектов на сайте.
Mask-image используется для применения маски к элементу. 5 Маска может быть изображением или SVG, которое полностью или частично скрывает элемент. 5 С помощью mask-image можно создавать различные визуальные эффекты на веб-страницах. 5 Например, применять фильтры изображений, создавать прозрачные вырезы в элементах, применять эффекты текста и создавать маски в форме геометрических фигур или текста. 5
Overflow определяет, будет ли содержимое блока, включая переполнение любых эффектов рисования, обрезано по краю области полей, и если это так, будет ли этот блок контейнером прокрутки, позволяющим пользователю прокручивать обрезанные части его содержимого. 2 Свойство overflow применяется к блочным, гибким контейнерам и контейнерам-сеткам. 2
Таким образом, mask-image используется для работы с изображениями и создания различных эффектов, в то время как overflow — для управления переполнением и прокруткой содержимого блока.