CSS - Blurred Background

Publicado el: 14 enero 2018
en el 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.

En esta página del sitio puede ver el video en línea CSS - Blurred Background de Duración hora minuto segunda en buena calidad , que subió el usuario zFunx Web Developement Ideas 14 enero 2018, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 41,610 veces y le gustó 377 a los espectadores. Disfruta viendo!