<style>
          
      hr {
              border: 0;
              height: 1px;
              background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
            }
::-webkit-scrollbar{width:2px;height:2px;}
::-webkit-scrollbar-button{width:2px;height:2px;}

div{
  box-sizing:border-box;
}

.horizontal-scroll-wrapper{
  position:absolute;
  display:block;
  top:20;
  left:0;
  width:80px;
  max-height:1000px;
  width:250px;
  margin:0;
  background:#abc;
  overflow-y:auto;
  overflow-x:hidden;
  transform:rotate(-90deg) translateY(-180px);
  transform-origin:right top;
}
.horizontal-scroll-wrapper > div{
  display:block;
  padding:5px;
  background:#cab;
  transform:rotate(90deg);
  transform-origin: right top;
}

      .imej {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      
    }

    .imej:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.05);
      -webkit-transition:all 0.2s ease-out;
          -moz-transition:all 0.2s ease-out;
          -ms-transition:all 0.2s ease-out;
          -o-transition:all 0.2s ease-out;
          transition:all 0.2s ease-out;
    }

    .imej2 {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: none; /* IE5+ */
      -webkit-filter: none; /* Webkit Nightlies & Chrome Canary */
      
    }

    .imej2:hover {
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.05);
      -webkit-transition:all 0.2s ease-out;
          -moz-transition:all 0.2s ease-out;
          -ms-transition:all 0.2s ease-out;
          -o-transition:all 0.2s ease-out;
          transition:all 0.2s ease-out;

          filter: contrast(200%);
      -webkit-filter: contrast(200%);
    }

    .go-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 1em;
  display: none;
}

.go-top:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

div.scrollmenu {
	text-align: center;
    overflow: auto;
    white-space: nowrap;
	
	display: inline-block;
    color: white;
    padding: 14px;
    text-decoration: none;
}

      <!-- Start Rotate -->
        .rotate {
          -webkit-transition:all 0.5s ease-out;
          -moz-transition:all 0.5s ease-out;
          -ms-transition:all 0.5s ease-out;
          -o-transition:all 0.5s ease-out;
          transition:all 0.5s ease-out;
        }

        .rotate:hover {
          -webkit-transform:rotate(360deg);
          -moz-transform:rotate(360deg);
          -ms-transform:rotate(360deg);
          -o-transform:rotate(360deg);
          transform:rotate(360deg);
        }.rotate {
          -webkit-transition:all 0.5s ease-out;
          -moz-transition:all 0.5s ease-out;
          -ms-transition:all 0.5s ease-out;
          -o-transition:all 0.5s ease-out;
          transition:all 0.5s ease-out;
        }

        .rotate:hover {
          -webkit-transform:rotate(360deg);
          -moz-transform:rotate(360deg);
          -ms-transform:rotate(360deg);
          -o-transform:rotate(360deg);
          transform:rotate(360deg);
        }
      <!-- End Rotate -->


      <!-- Start Wobble -->
        @-webkit-keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble {
  16.65% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble:hover {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
      <!-- End Wobble -->

      <!-- Start Zoom-tilt -->
        .zoom-tilt {
                  -webkit-transition:all 0.7s ease-out;
                  -moz-transition:all 0.7s ease-out;
                  -ms-transition:all 0.7s ease-out;
                  -o-transition:all 0.7s ease-out;
                  transition:all 0.7s ease-out;
                }

.zoom-tilt:hover {
  color: #053ae8;
  -webkit-transform:rotate(15deg) scale(1.3);
  -moz-transform:rotate(15deg) scale(1.3);
  -ms-transform:rotate(15deg) scale(1.3);
  -o-transform:rotate(15deg) scale(1.3);
  transform:rotate(15deg) scale(1.3);
}
      <!-- End Zoom-tilt -->

      <!-- Start Sink -->
        .sink {
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
}

.sink:hover {
  -webkit-transform:translate(0px,10px);
  -moz-transform:translate(0px,10px);
  -ms-transform:translate(0px,10px);
  -o-transform:translate(0px,10px);
  transform:translate(0px,10px);
}
      <!-- End Sink -->

    </style>