+ 1
Q1. How can I get blur background half of the screen but my foreground image must be okay?
Html, CSS tools
2 Respostas
+ 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>