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

165 votes197 views6 answers
How to make text bold in css
CSS
0 vote208 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote156 views1 answer
IE support stackover flow css
CSS
7 votes150 views1 answer
How to use multiple custom fonts in css
CSS
2 votes154 views3 answers
Em
CSS
1 vote177 views1 answer
Ie11 flex 1
CSS
0 vote166 views1 answer
Wordpress https to localhost http
CSS
0 vote132 views1 answer
Place-content css property
CSS
21 votes136 views6 answers
Gradient image css
CSS
0 vote128 views1 answer
Sweet alert modal form
CSS