How-to make background blur using CSS backdrop-filter Property

In this example we're using (CSS backdrop-filter Property) to make the background of body blur

 <!doctype html>
<html>
<head>
<style>
  body {
  	height:300px;
    overflow: hidden;
    background-image: url(https://cdn.pixabay.com/photo/2017/09/05/10/19/business-2717063_960_720.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100% ;
    backdrop-filter: blur(10px);
}
  </style>
</head>
<body>
<p style="color:red; font-size:30px;padding:15px">write yor text hear...</p>

</body>
  </html>

How-to make background blur using CSS backdrop-filter Property

☷✎

How-to make background blur using CSS backdrop-filter Property

Comments

Post a Comment

Meta keywords generator tool for Blogger

Create direct download link for google drive file online

Custom permalink creator for blogger

building text editor template using html css js

blogger meta description generator