SimpleHover

by beliyadm

HTML

<div class="wrapper">
  <div class="item">
    text
  </div>
  <div class="item">
  text
</div>
<div class="item">
  text
</div>
</div>

CSS

* {
    box-sizing: border-box;
}
.wrapper {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.wrapper .item {width: 32%; height: 200px; border: 1px solid #ccc; padding: 25px;
  -webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;
}
.wrapper .item:hover {
    cursor: pointer;
    box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;  -moz-box-shadow: 0 0 5px #ccc;
  }