63 lines
1.5 KiB
CSS
63 lines
1.5 KiB
CSS
/*!
|
|
* Material Design Hierarchical Display by Sergey Kupletsky (@zavoloklom) - https://github.com/zavoloklom/material-design-hierarchical-display/
|
|
* License - https://github.com/zavoloklom/material-design-hierarchical-display/blob/master/LICENSE (MIT License)
|
|
*/
|
|
.zmd-hierarchical-display {
|
|
visibility: hidden; }
|
|
.zmd-hierarchical-display.in {
|
|
visibility: visible; }
|
|
|
|
.zmd-hierarchical-displaying {
|
|
visibility: visible; }
|
|
|
|
.animation {
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both; }
|
|
|
|
.animation.zoomedIn,
|
|
.animation.zoomedOut {
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
|
|
animation-timing-function: cubic-bezier(0.55, 0, 0.1, 1); }
|
|
|
|
@-webkit-keyframes zoomedIn {
|
|
from {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); }
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
@keyframes zoomedIn {
|
|
from {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); }
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); } }
|
|
|
|
@-webkit-keyframes zoomedOut {
|
|
from {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
to {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); } }
|
|
|
|
@keyframes zoomedOut {
|
|
from {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1); }
|
|
to {
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0); } }
|
|
|
|
.zoomedIn {
|
|
-webkit-animation-name: zoomedIn;
|
|
animation-name: zoomedIn; }
|
|
|
|
.zoomedOut {
|
|
-webkit-animation-name: zoomedOut;
|
|
animation-name: zoomedOut; }
|