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

Custom permalink creator for blogger

Create direct download link for google drive file online

Counting lines, including html code after a specific line in a text using JavaScript

JSON LD code generator - json ld product

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

Related

Comments

Post a Comment