How to blur the div area? Css filter

.saveresult
{
  font-size: 13px;
  position: fixed;
  box-shadow:0 0 5px 3px rgba(0,0,0,.09);
  background-color: rgba(0,0,0,.1);
  border-radius: 20px;
  padding: 10px;
  width: 300px;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  text-align: center;
}
.saveresult::before {
  -webkit-filter:blur(15px);
  -moz-filter:blur(15px);
  -o-filter:blur(15px);
  -ms-filter:blur(15px);
  filter:blur(15px);
}

< div class= "saveresult" > 123 < / div >

there is no video in the background
I want to blur the content that the div of saveresult sees later
, but it is clear
that I don"t have any reaction to this. Where do I write about it?.? God calls for help

I want to see 10:00, 21:00 and 12:00 is blurry

Filter css3 css html5 html

Mar.03,2021

I don't know where you wrote "10:00 21:00 12:00". At present, the blur filter on the code is added to the saveresult pseudo element, so if these three times are not on the pseudo element, there is no way to show a blur effect.

filter is added to div

Previous: Vue.extend cannot display template content

Next: Tp5 syntax group by is used with count (*)