Преимущества использования масок в дизайне веб-интерфейсов:
- возможность создавать специально созданные области для применения определённых эффектов (изменение цвета, наложение капель дождя, блюра, изменение формы и т. д.); 2
- возможность использовать маски в адаптивных макетах, переопределяя свойства маски и анимацию для определённых размеров области просмотра; 3
- возможность создавать многослойные маски, когда у каждого элемента может быть не одна маска, а сразу несколько её слоёв. 5
Недостатки использования масок в дизайне веб-интерфейсов:
- при медленной скорости анимации масок изображения может быть заметен эффект дрожания, поскольку дробные значения пикселей между ключевыми кадрами округляются; 3
- в некоторых браузерах прямоугольные маски со скруглёнными углами могут отображаться некорректно, если для радиуса скругления выбрано большое значение относительно размеров самой маски. 3