В статье  «Как сделать эффект лайтбокса » мы познакомились со способом отвлечения внимания от фрагментов веб-приложения посредством их затемнения с помощью полупрозрачной черной подложки. Но если страница содержит большое количество деталей, то затемнять ее приходится очень сильно, для того чтобы обеспечить достаточный контраст с отображающимся поверх текстом или привлечь внимание к световому коробу или другому элементу. Более элегантный способ, заключается в том, что мы размываем все остальное, за исключением подсвеченного элемента, в дополнение к затемнению или вместо него...

Перед тем, как мы начнем стилизацию сайта, стоит сбросить значения CSS по умолчанию, установленные веб-браузером. Это важно, потому что на самом деле каждый веб-браузер интерпретирует внешний вид отдельных элементов HTML по-разному...