help

help

by Anatoly Kirsanov

HTML

<div class="container">
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
</div>

CSS

.element{
      width: 100px;
      height: 100px;
      background-color: #000;
      margin: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .color{
      background-color: #fc5d4f;
      transform: translate3d( 110px, 0px, 30px );
      transition: 1s;
    }<div class="container">
  <div class="element"></div>
  <div class="element"></div>
</div>

JavaScript

var el = document.getElementsByClassName('element');

    for(var i = 0; i < el.length ; i++){
      var elem = (el[i]);
    }

    function moveEl(elem) {
      elem.target.classList.toggle('color');
    }
    elem.addEventListener('click', moveEl, false);