CSS - Blurred Background

Veröffentlicht am: 14 Januar 2018
auf dem Kanal: 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.

Auf dieser Seite können Sie das Online-Video CSS - Blurred Background mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer zFunx Web Developement Ideas 14 Januar 2018 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 41,610 Mal angesehen und es wurde von 377 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

359,118

4.3K