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

8 votes144 views4 answers
CSS Grid Column
CSS
1 vote138 views1 answer
Css animate border bottom left to right
CSS
1 vote141 views1 answer
Stop css transition from firing on page load
CSS
1 vote148 views1 answer
Sass compressed style
CSS
1 vote177 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
1 vote146 views1 answer
Css animate background image
CSS
15 votes151 views3 answers
Image rotate with css
CSS
0 vote136 views1 answer
Html5 video hide timeline bar
CSS
27 votes138 views3 answers
Hide in css
CSS
3 votes137 views3 answers
Css overflow elipsis
CSS