CSS - Blurred Background

Pubblicato il: 14 gennaio 2018
sul canale di: 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.

In questa pagina del sito puoi guardare il video online CSS - Blurred Background della durata di ore minuti seconda in buona qualità , che l'utente ha caricato zFunx Web Developement Ideas 14 gennaio 2018, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 41,610 volte e gli è piaciuto 377 spettatori. Buona visione!

231