<!-- Greyscale -->
<img src="https://zenhub.zengenti.com/image-examples/tree-frog.jpg?width=250&effect=grayscale" alt="A green tree frog" />

<!-- Blur -->
<img src="https://zenhub.zengenti.com/image-examples/tree-frog.jpg?width=250&blur=10" alt="A green tree frog" />
img {
  display: block;
  margin-bottom: 8px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.