mirror of
https://github.com/YunoHost-Apps/ffsync_ynh.git
synced 2024-09-03 18:26:38 +02:00
3 lines
66 KiB
CSS
3 lines
66 KiB
CSS
|
.sync-anim{position:relative;height:190px;width:390px;background-image:none}.sync-anim .device{position:absolute;overflow:hidden}.sync-anim .device .inner{position:absolute;overflow:hidden}.sync-anim .laptop{bottom:0;left:0;width:310px;height:178px;background:url(data:image/png;base64,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
|
||
|
|
.sync-anim.on .phone .bookmarks{animation-name:zoomIn;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:4s;-webkit-animation-name:zoomIn;-webkit-animation-duration:.2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:4s}.sync-anim.on .phone .passwords{animation-name:zoomIn;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:4.2s;-webkit-animation-name:zoomIn;-webkit-animation-duration:.2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:4.2s}.sync-anim.on.complete .history{-webkit-animation-name:zoomOut;-webkit-animation-duration:.2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:.1s;animation-name:zoomOut;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:.1s}.sync-anim.on.complete .bookmarks{-webkit-animation-name:zoomOut;-webkit-animation-duration:.2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:.1s;animation-name:zoomOut;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:.1s}.sync-anim.on.complete .passwords{-webkit-animation-name:zoomOut;-webkit-animation-duration:.2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:.1s;animation-name:zoomOut;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:.1s}.sync-anim.on.complete .logo{animation-name:zoomIn;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:ease-out;animation-fill-mode:both;animation-delay:.3s;-webkit-animation-name:zoomIn;-webkit-animation-duration:.2s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:.3s}@-webkit-keyframes zoomInThenSpin{0%{-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg);opacity:0}40%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}60%{-webkit-transform:scale(1) rotate(180deg);transform:scale(1) rotate(180deg);opacity:1}80%{-webkit-transform:scale(1) rotate(720deg);transform:scale(1) rotate(720deg);opacity:1}90%{-webkit-transform:scale(1.1) rotate(720deg);transform:scale(1.1) rotate(720deg);opacity:1}100%{-webkit-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}}@keyframes zoomInThenSpin{0%{-webkit-transform:scale(0) rotate(0deg);-ms-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg);opacity:0}40%{-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}60%{-webkit-transform:scale(1) rotate(180deg);-ms-transform:scale(1) rotate(180deg);transform:scale(1) rotate(180deg);opacity:1}80%{-webkit-transform:scale(1) rotate(720deg);-ms-transform:scale(1) rotate(720deg);transform:scale(1) rotate(720deg);opacity:1}90%{-webkit-transform:scale(1.1) rotate(720deg);-ms-transform:scale(1.1) rotate(720deg);transform:scale(1.1) rotate(720deg);opacity:1}100%{-webkit-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit
|