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

-2 votes185 views1 answer
Add css dynamically in angular 6
CSS
2 votes219 views1 answer
Css image to white
CSS
0 vote177 views1 answer
How to add default font css
CSS
0 vote183 views1 answer
Colored button link scss generator
CSS
0 vote150 views1 answer
Responsive slider with text animation codepen
CSS
0 vote248 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
0 vote183 views1 answer
Material form css
CSS
39 votes175 views4 answers
Font awesome size
CSS
0 vote196 views1 answer
Sass each index
CSS
3 votes209 views3 answers
How to use image zoom effect in css
CSS