CSS - Blurred Background

Publié le: 14 janvier 2018
sur la chaîne: 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.

Sur cette page du site, vous pouvez voir la vidéo en ligne CSS - Blurred Background durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur zFunx Web Developement Ideas 14 janvier 2018, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 41,610 fois et il a aimé 377 téléspectateurs. Bon visionnage!

8,566

134