<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>

.item {
  width: 100px;
  height: 100px;
  font-size: 40px;
  margin: 0 50px;
}

.item:nth-child(1) {
  background-color: royalblue;
}

.item:nth-child(2) {
  background-color: orange;
  transform: scale(1.5);
/*   opacity: .5; */
}

.item:nth-child(3) {
  background-color: tomato;
  opacity: .5;
/*   transform: scale(1.5); */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.