parent
3f1e728781
commit
4385f1acbc
425 changed files with 59924 additions and 37200 deletions
70
web/semantic/dist/components/transition.css
vendored
Normal file → Executable file
70
web/semantic/dist/components/transition.css
vendored
Normal file → Executable file
|
@ -1,9 +1,9 @@
|
|||
/*!
|
||||
* # Semantic UI 1.11.4 - Transition
|
||||
* # Semantic UI 2.1.7 - Transition
|
||||
* http://github.com/semantic-org/semantic-ui/
|
||||
*
|
||||
*
|
||||
* Copyright 2014 Contributorss
|
||||
* Copyright 2015 Contributors
|
||||
* Released under the MIT license
|
||||
* http://opensource.org/licenses/MIT
|
||||
*
|
||||
|
@ -35,8 +35,6 @@
|
|||
.animating.transition {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
|
@ -57,12 +55,10 @@
|
|||
.visible.transition {
|
||||
display: block !important;
|
||||
visibility: visible !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
|
||||
/* backface-visibility: @backfaceVisibility;
|
||||
transform: @use3DAcceleration;*/
|
||||
}
|
||||
|
||||
/* Disabled */
|
||||
.disabled.transition {
|
||||
-webkit-animation-play-state: paused;
|
||||
|
@ -258,8 +254,8 @@
|
|||
-webkit-transform-origin: top center;
|
||||
-ms-transform-origin: top center;
|
||||
transform-origin: top center;
|
||||
-webkit-animation-duration: 500ms;
|
||||
animation-duration: 500ms;
|
||||
-webkit-animation-duration: 400ms;
|
||||
animation-duration: 400ms;
|
||||
-webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
|
||||
animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
|
||||
}
|
||||
|
@ -506,8 +502,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(10%);
|
||||
transform: translateY(10%);
|
||||
-webkit-transform: translateY(5%);
|
||||
transform: translateY(5%);
|
||||
}
|
||||
}
|
||||
@keyframes fadeOutUp {
|
||||
|
@ -518,8 +514,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(10%);
|
||||
transform: translateY(10%);
|
||||
-webkit-transform: translateY(5%);
|
||||
transform: translateY(5%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeOutDown {
|
||||
|
@ -530,8 +526,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-10%);
|
||||
transform: translateY(-10%);
|
||||
-webkit-transform: translateY(-5%);
|
||||
transform: translateY(-5%);
|
||||
}
|
||||
}
|
||||
@keyframes fadeOutDown {
|
||||
|
@ -542,8 +538,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-10%);
|
||||
transform: translateY(-10%);
|
||||
-webkit-transform: translateY(-5%);
|
||||
transform: translateY(-5%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeOutLeft {
|
||||
|
@ -554,8 +550,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(10%);
|
||||
transform: translateX(10%);
|
||||
-webkit-transform: translateX(5%);
|
||||
transform: translateX(5%);
|
||||
}
|
||||
}
|
||||
@keyframes fadeOutLeft {
|
||||
|
@ -566,8 +562,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(10%);
|
||||
transform: translateX(10%);
|
||||
-webkit-transform: translateX(5%);
|
||||
transform: translateX(5%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeOutRight {
|
||||
|
@ -578,8 +574,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-10%);
|
||||
transform: translateX(-10%);
|
||||
-webkit-transform: translateX(-5%);
|
||||
transform: translateX(-5%);
|
||||
}
|
||||
}
|
||||
@keyframes fadeOutRight {
|
||||
|
@ -590,8 +586,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-10%);
|
||||
transform: translateX(-10%);
|
||||
-webkit-transform: translateX(-5%);
|
||||
transform: translateX(-5%);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -603,8 +599,6 @@
|
|||
.flip.transition.out {
|
||||
-webkit-animation-duration: 600ms;
|
||||
animation-duration: 600ms;
|
||||
-webkit-perspective: 2000px;
|
||||
perspective: 2000px;
|
||||
}
|
||||
.horizontal.flip.transition.in {
|
||||
-webkit-animation-name: horizontalFlipIn;
|
||||
|
@ -735,13 +729,11 @@
|
|||
-webkit-animation-name: scaleOut;
|
||||
animation-name: scaleOut;
|
||||
}
|
||||
|
||||
/* In */
|
||||
@-webkit-keyframes scaleIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
|
@ -752,8 +744,8 @@
|
|||
@keyframes scaleIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
|
@ -771,8 +763,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9);
|
||||
}
|
||||
}
|
||||
@keyframes scaleOut {
|
||||
|
@ -783,8 +775,8 @@
|
|||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Reference in a new issue