ARCADIS IS HIRING!!! Company : Arcadia Position : Software Engineer Experience : Bs/Ms Degree : BS in CS Apply Link: Apply Here
Blur Background Image The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent. NOW LET'S HAVE THE CODE: HTML: < div class ="bg-image" > < /div > < div class ="bg-text" > < h1 > I am TECHNOLICS < /h1 > < p > And I'm a WEB DESIGNER AND BLOGGER < /p > < /div > CSS: body, html { height : 100% ; } * { box-sizing : border-box ; } .bg-image { /* The image used */ background-image : url("photographer.jpg") ; /* Add the blur effect */ filter : blur(8px) ; -webkit-filter : blur(8px) ; /* Full height */ height : 100% ; ...