Difference between revisions of "Template:Team:UofC Calgary/Test1"

Line 1,776: Line 1,776:
 
/*````````````````````````````````````````````````END OF OTHER STYLES`````````````````````````````````````````````````````````*/
 
/*````````````````````````````````````````````````END OF OTHER STYLES`````````````````````````````````````````````````````````*/
  
/*````````````````````````````````````````````START OF ANIMATION STYLES```````````````````````````````````````````````````````*/
 
  
@-webkit-keyframes clusterEA {
 
  0% {
 
    transform: translate3d(-300px, -250px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesEA{
 
  -webkit-animation-name: clusterEA;
 
  -webkit-animation-duration: 3s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterEL {
 
  0% {
 
    transform: translate3d(-40px, -280px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesEL{
 
  -webkit-animation-name: clusterEL;
 
  -webkit-animation-duration: 3.5s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterSL {
 
  0% {
 
    transform: translate3d(20px, -320px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesSL{
 
  -webkit-animation-name: clusterSL;
 
  -webkit-animation-duration: 2.2s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterJaS {
 
  0% {
 
    transform: translate3d(50px, -300px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesJaS{
 
  -webkit-animation-name: clusterJaS;
 
  -webkit-animation-duration: 2.7s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterJeS {
 
  0% {
 
    transform: translate3d(130px, -230px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesJeS{
 
  -webkit-animation-name: clusterJeS;
 
  -webkit-animation-duration: 1.8s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterEC {
 
  0% {
 
    transform: translate3d(-94px, 267px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesEC{
 
  -webkit-animation-name: clusterEC;
 
  -webkit-animation-duration: 2.3s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterHC {
 
  0% {
 
    transform: translate3d(-69px, 283px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesHC{
 
  -webkit-animation-name: clusterHC;
 
  -webkit-animation-duration: 3.3s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterJN {
 
  0% {
 
    transform: translate3d(-15px, 380px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesJN{
 
  -webkit-animation-name: clusterJN;
 
  -webkit-animation-duration: 2.5s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterSQ {
 
  0% {
 
    transform: translate3d(31px, 350px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesSQ{
 
  -webkit-animation-name: clusterSQ;
 
  -webkit-animation-duration: 1.5s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
@-webkit-keyframes clusterNS {
 
  0% {
 
    transform: translate3d(87px, 314px, 0px);
 
    animation-timing-function: ease;
 
  }
 
  100% {
 
    transform: translate3d(0px, 0px, 0px);
 
  }
 
}
 
 
.yeastiesNS{
 
  -webkit-animation-name: clusterNS;
 
  -webkit-animation-duration: 2.5s;
 
  cursor:pointer;
 
  opacity:1;
 
  transition: all 0.5s ease;
 
}
 
 
/*````````````````````````````````````````````END OF ANIMATION STYLES`````````````````````````````````````````````````````````*/
 
  
 
/*```````````````````````````````````````````````````END OF STYLES````````````````````````````````````````````````````````````*/
 
/*```````````````````````````````````````````````````END OF STYLES````````````````````````````````````````````````````````````*/

Revision as of 18:21, 26 August 2016