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