Difference between revisions of "Template:Peshawar"

Line 358: Line 358:
 
   background-image: url("https://static.igem.org/mediawiki/2016/8/8f/T--Peshawar--ali-2.jpg");
 
   background-image: url("https://static.igem.org/mediawiki/2016/8/8f/T--Peshawar--ali-2.jpg");
 
}
 
}
 +
 +
 +
.team:hover {
 +
  -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
 +
          animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
 +
  -webkit-transform: translate3d(0, 0, 0);
 +
          transform: translate3d(0, 0, 0);
 +
  -webkit-backface-visibility: hidden;
 +
          backface-visibility: hidden;
 +
  -webkit-perspective: 1000px;
 +
          perspective: 1000px;
 +
}
 +
 +
@-webkit-keyframes shake {
 +
  10%, 90% {
 +
    -webkit-transform: translate3d(-1px, 0, 0);
 +
            transform: translate3d(-1px, 0, 0);
 +
  }
 +
 
 +
  20%, 80% {
 +
    -webkit-transform: translate3d(2px, 0, 0);
 +
            transform: translate3d(2px, 0, 0);
 +
  }
 +
 +
  30%, 50%, 70% {
 +
    -webkit-transform: translate3d(-4px, 0, 0);
 +
            transform: translate3d(-4px, 0, 0);
 +
  }
 +
 +
  40%, 60% {
 +
    -webkit-transform: translate3d(4px, 0, 0);
 +
            transform: translate3d(4px, 0, 0);
 +
  }
 +
}
 +
 +
@keyframes shake {
 +
  10%, 90% {
 +
    -webkit-transform: translate3d(-1px, 0, 0);
 +
            transform: translate3d(-1px, 0, 0);
 +
  }
 +
 
 +
  20%, 80% {
 +
    -webkit-transform: translate3d(2px, 0, 0);
 +
            transform: translate3d(2px, 0, 0);
 +
  }
 +
 +
  30%, 50%, 70% {
 +
    -webkit-transform: translate3d(-4px, 0, 0);
 +
            transform: translate3d(-4px, 0, 0);
 +
  }
 +
 +
  40%, 60% {
 +
    -webkit-transform: translate3d(4px, 0, 0);
 +
            transform: translate3d(4px, 0, 0);
 +
  }
 +
}
 +
  
  

Revision as of 02:32, 10 September 2016

MENU ▤