CodePen Embed - Basic CSS animations

<div>
  <h1>ciao</h1>
  <img src="https://picsum.photos/200/300" alt="random image" />
  <img src="https://picsum.photos/200/301" alt="random image" />
  <img src="https://picsum.photos/200/302" alt="random image" />
</div>

img{
  opacity: 0.3;
  animation-name:opacity;
  animation-duration:1s;
}
img:hover{
  opacity:1;
}

This Pen is owned by Mr_SC on CodePen.

See more by @zelig880 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.