CodePen Embed - Block dimming

<div class="blocks">
  <div class="blocks__item"></div>
  <div class="blocks__item"></div>
  <div class="blocks__item"></div>
  <div class="blocks__item"></div>
</div>

.blocks
  display flex
  justify-content space-around
  &__item
    width 200px
    height 200px
    text-align center
    background-color #ccc
    transition: 0.5s all ease-in
    &:hover
      background-color #FFDD40

View Compiled

This Pen is owned by Semyon on CodePen.

See more by @semzhukov on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.