+ 1

Q1. How can I get blur background half of the screen but my foreground image must be okay?

Html, CSS tools

17th May 2020, 7:30 PM

Himanshu Thakur

2 Answers

+ 1

You could do something like this <title>Page Title</title> <style> div{ height:300px; width:300px; filter:blur(4px); background-color:blue; } span{ position:absolute; top:50px; left:50px; font-size:30px; height:100px; width:200px; background-image:url("image .jpg"); } </style> </head> <body> <div></div> <span></span> </body>

17th May 2020, 8:22 PM

Abhay