Difference between revisions of "Team:KU Leuven/Research/Results"

Line 81: Line 81:
 
   height: auto;
 
   height: auto;
 
   overflow: hidden;
 
   overflow: hidden;
 +
}
 +
 +
 +
.accordionItemCollapsed { max-height: 0; }
 +
 +
.animateIn {
 +
  -webkit-animation-name: accordionIn;
 +
  -webkit-animation-duration: 0.65s;
 +
  -webkit-animation-iteration-count: 1;
 +
  -webkit-animation-direction: normal;
 +
  -webkit-animation-timing-function: ease-in-out;
 +
  -webkit-animation-fill-mode: both;
 +
  -webkit-animation-delay: 0s;
 +
  -moz-animation-name: normal;
 +
  -moz-animation-duration: 0.65s;
 +
  -moz-animation-iteration-count: 1;
 +
  -moz-animation-direction: alternate;
 +
  -moz-animation-timing-function: ease-in-out;
 +
  -moz-animation-fill-mode: both;
 +
  -moz-animation-delay: 0s;
 +
  animation-name: accordionIn;
 +
  animation-duration: 0.65s;
 +
  animation-iteration-count: 1;
 +
  animation-direction: normal;
 +
  animation-timing-function: ease-in-out;
 +
  animation-fill-mode: both;
 +
  animation-delay: 0s;
 +
}
 +
 +
.animateOut {
 +
  -webkit-animation-name: accordionOut;
 +
  -webkit-animation-duration: 0.75s;
 +
  -webkit-animation-iteration-count: 1;
 +
  -webkit-animation-direction: alternate;
 +
  -webkit-animation-timing-function: ease-in-out;
 +
  -webkit-animation-fill-mode: both;
 +
  -webkit-animation-delay: 0s;
 +
  -moz-animation-name: accordionOut;
 +
  -moz-animation-duration: 0.75s;
 +
  -moz-animation-iteration-count: 1;
 +
  -moz-animation-direction: alternate;
 +
  -moz-animation-timing-function: ease-in-out;
 +
  -moz-animation-fill-mode: both;
 +
  -moz-animation-delay: 0s;
 +
  animation-name: accordionOut;
 +
  animation-duration: 0.75s;
 +
  animation-iteration-count: 1;
 +
  animation-direction: alternate;
 +
  animation-timing-function: ease-in-out;
 +
  animation-fill-mode: both;
 +
  animation-delay: 0s;
 +
}
 +
@-webkit-keyframes
 +
accordionIn {  0% {
 +
opacity: 0;
 +
-webkit-transform: scale(0.8);
 +
}
 +
100% {
 +
opacity: 1;
 +
-webkit-transform: scale(1);
 +
}
 +
}
 +
@-moz-keyframes
 +
accordionIn {  0% {
 +
opacity: 0;
 +
-moz-transform: scale(0.8);
 +
}
 +
100% {
 +
opacity: 1;
 +
-moz-transform: scale(1);
 +
}
 +
}
 +
@keyframes
 +
accordionIn {  0% {
 +
opacity: 0;
 +
transform: scale(0.8);
 +
}
 +
100% {
 +
opacity: 1;
 +
transform: scale(1);
 +
}
 +
}
 +
@-webkit-keyframes
 +
accordionOut {  0% {
 +
opacity: 1;
 +
-webkit-transform: scale(1);
 +
}
 +
100% {
 +
opacity: 0;
 +
-webkit-transform: scale(0.8);
 +
}
 +
}
 +
@-moz-keyframes
 +
accordionOut {  0% {
 +
opacity: 1;
 +
-moz-transform: scale(1);
 +
}
 +
100% {
 +
opacity: 0;
 +
-moz-transform: scale(0.8);
 +
}
 +
}
 +
@keyframes
 +
accordionOut {  0% {
 +
opacity: 1;
 +
transform: scale(1);
 +
}
 +
100% {
 +
opacity: 0;
 +
transform: scale(0.8);
 +
}
 
}
 
}
 
</style>
 
</style>

Revision as of 08:42, 8 September 2015

First Accordion heading

First Accordion Content

Second Accordion heading

Second Accordion Content

Third Accordion heading

Third Accordion Content