Text below filter css using pseudo

.blur {
  height: 222px;
  position:relative;
  font-size:40px;
  text-align:center;
}

.blur:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  filter: blur(5px);
  z-index:0;
}
.blur span {
  position:relative;
  z-index:1;
}

Source: stackoverflow.com

Similar codes

0 vote206 views1 answer
Repeating-conic-gradient css
CSS
1 vote237 views2 answers
Button transparent using css
CSS
0 vote202 views1 answer
Bootstrap 5 css how to change
CSS
46 votes212 views2 answers
Customize scrollbar
CSS
12 votes231 views2 answers
How to center element in bulma
CSS Bulma
11 votes429 views2 answers
How to remove up and down arrows from input type number
CSS
1 vote169 views2 answers
Pure css spinner
CSS
0 vote238 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
1 vote221 views6 answers
Ease in out css
CSS
0 vote210 views1 answer
Css layers over background-images
CSS