CodePen Embed - Blur effect using CSS blur() filter on a small image

<div class="img" style="background-image:url(https://cdn-images-1.medium.com/freeze/max/27/1*sg-uLNm73whmdOgKlrQdZA.jpeg?q=20)">
  <div style="padding-bottom: 66.7%;"></div>
</div>

.img {
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(25px);
}

This Pen is owned by José Manuel Pérez on CodePen.

See more by @jmperez on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.