Summary Files Commits Branches @commit @diff @stats
path: root / docs / css / spectre-exp.css
diff options
context:
space:
mode:
Commitf9ad6ed63d035fedf03cdb1f78e133add1b94c10 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-03-15 14:24:14 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-03-15 14:24:14 +0800
Files1c56ab5999f42af0695b68bdb37914e948e81136 /docs/css/spectre-exp.css
Spectre-Dark-Gruvbox-f9ad6ed63d035fedf03cdb1f78e133add1b94c10.tar
Spectre-Dark-Gruvbox-f9ad6ed63d035fedf03cdb1f78e133add1b94c10.tar.gz
Spectre-Dark-Gruvbox-f9ad6ed63d035fedf03cdb1f78e133add1b94c10.zip
Parent4b7f4493bb078f70236345ff045be9da34629ce9 (diff)
Minor update
1 files changed, 14 insertions, 14 deletions
-rw-r--r--docs/css/spectre-exp.css28
diff --git a/docs/css/spectre-exp.css b/docs/css/spectre-exp.css
index 467dfde..1af2db9 100644
--- a/docs/css/spectre-exp.css
+++ b/docs/css/spectre-exp.css
@@ -210,8 +210,8 @@
position: relative;
}
.carousel .carousel-container .carousel-item {
- -webkit-animation: carousel-slideout 1s 1;
- animation: carousel-slideout 1s 1;
+ -webkit-animation: carousel-slideout 1s ease-in-out 1;
+ animation: carousel-slideout 1s ease-in-out 1;
height: 100%;
left: 0;
margin: 0;
@@ -248,8 +248,8 @@
.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2),
.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3),
.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4) {
- -webkit-animation: carousel-slidein .75s 1;
- animation: carousel-slidein .75s 1;
+ -webkit-animation: carousel-slidein .75s ease-in 1;
+ animation: carousel-slidein .75s ease-in 1;
opacity: 1;
z-index: 99;
}
@@ -325,25 +325,25 @@
@-webkit-keyframes carousel-slideout {
0% {
opacity: 1;
- -webkit-transform: translateX(0) scale(1);
- transform: translateX(0) scale(1);
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
}
100% {
- opacity: 0;
- -webkit-transform: translateX(-50%) scale(.95);
- transform: translateX(-50%) scale(.95);
+ opacity: 1;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
}
}
@keyframes carousel-slideout {
0% {
opacity: 1;
- -webkit-transform: translateX(0) scale(1);
- transform: translateX(0) scale(1);
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
}
100% {
- opacity: 0;
- -webkit-transform: translateX(-50%) scale(.95);
- transform: translateX(-50%) scale(.95);
+ opacity: 1;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
}
}
.meter {