В уроке разобраны: создание div-оверлея с backdrop-filter blur, управление z-index для корректного порядка слоёв, свойство pointer-events для прозрачности к кликам, анимация появления оверлея при наведении через контекстные селекторы. Backdrop-filter размывает то, что находится за элементом — не сам элемент. Поэтому оверлей должен быть полупрозрачным (или прозрачным), иначе blur не виден. Z-index управляет тем, какой элемент «над» каким — без него blur может оказаться под контентом. Урок для тех, кто хочет добавить глянцевые hover-эффекты без изображений. Понимание абсолютного позиционирования, z-index и контекстных селекторов нужно как база. Новичкам рекомендую сначала разобраться с этими темами по отдельности.