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

clipboard.png

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

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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3097b-e277.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3097b-e277.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?