CSS - Blurred Background

Publicado em: 14 Janeiro 2018
no canal de: zFunx Web Developement Ideas

41,610

377

There's a mistake in the video about 'translate' in '.blurred-bg-container .blur'. The correct calculation is given by : "- [cl - (cw/2)] % , -[ct - (ch/2)] %", not by "(100/cl) x (100-cw) %, (100/ct) x (100-ch) %"

This works for both mobile and desktop.
This won’t work in IE as CSS filters do not work in IE.

Code used [Updated on 16th Oct 2018] : https://codepen.io/zFunx/pen/jYpYmG

Read in detail : https://web.zfunx.xyz/blurred-backgro...

There's a simple way to achieve this effect : • Frosted Glass Effect CSS Tutorial . But that only works on desktop.

Nesta página do site você pode assistir ao vídeo on-line CSS - Blurred Background duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário zFunx Web Developement Ideas 14 Janeiro 2018, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 41,610 vezes e gostou 377 espectadores. Boa visualização!