1
resposta

Como fazer o fundo ficar desfocado com CSS

ja tenho tentado diversas vezes deixar o fundo desfocado quando abro um modal, porém ainda não achei uma resposta boa, tem algum metodo css que faça isso sem usar libs?

1 resposta

pode usar esse método Bruno ! /* Valor de palavra-chave */ backdrop-filter: none;

/* Filtro com URL para SVG */ backdrop-filter: url(commonfilters.svg#filter);

/* Valores */ backdrop-filter: blur(2px); backdrop-filter: brightness(60%); backdrop-filter: contrast(40%); backdrop-filter: drop-shadow(4px 4px 10px blue); backdrop-filter: grayscale(30%); backdrop-filter: hue-rotate(120deg); backdrop-filter: invert(70%); backdrop-filter: opacity(20%); backdrop-filter: sepia(90%); backdrop-filter: saturate(80%);

/* Vários filtros */ backdrop-filter: url(filters.svg#filter) blur(4px) saturate(150%);

/* Valores globais */ backdrop-filter: inherit; backdrop-filter: initial; backdrop-filter: unset;