LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code



<-- slide -->


made by ling zhou

CSS
/* original pen by ling zhou */
body {
  background: #f3f3f3;
	font-family: inconsolata;
	
}
.container{
	display:flex;
	flex-flow: row nowrap:


}

.box {
  width: 300px;
  height: 300px;
  margin: 0 auto;
	filter: saturate(0);
  background: url('https://preview.ibb.co/mCqj3Q/colors3.png') left;
  animation: play 0s steps(5) infinite;

		
}
.box:hover{
	animation: play 0.8s steps(10) infinite;
		filter: saturate(1);
		transition: 0.5s;
		transform: scale(1.1);
		z-index: 20

}

@keyframes play {
	100% { background-position: -10000px; }
}
Term
Thu, 02/22/2018 - 23:50

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv