Summary Files Commits Branches @commit @diff @stats
path: root / docs / css / spectre-exp.css
diff options
context:
space:
mode:
Commitb845bf99770412466700ab778975fd98b45d79ad (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-03-03 21:11:20 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-03-03 21:11:20 +0800
Files295a06f7af0dd9643160a7b9e8b76e51bfb7b89c /docs/css/spectre-exp.css
Spectre-Dark-Gruvbox-b845bf99770412466700ab778975fd98b45d79ad.tar
Spectre-Dark-Gruvbox-b845bf99770412466700ab778975fd98b45d79ad.tar.gz
Spectre-Dark-Gruvbox-b845bf99770412466700ab778975fd98b45d79ad.zip
Parenta6baa2b684e0e32d3b2efa44b3a524dcda5997a3 (diff)
Cleanup code
1 files changed, 10 insertions, 10 deletions
-rw-r--r--docs/css/spectre-exp.css20
diff --git a/docs/css/spectre-exp.css b/docs/css/spectre-exp.css
index f98d190..a45451a 100644
--- a/docs/css/spectre-exp.css
+++ b/docs/css/spectre-exp.css
@@ -55,8 +55,8 @@
.parallax .parallax-content {
box-shadow: 0 2.5rem 5rem rgba(0, 0, 0, .45);
height: auto;
- -webkit-transform: perspective(600px);
- transform: perspective(600px);
+ -webkit-transform: perspective(50rem);
+ transform: perspective(50rem);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all .4s ease;
@@ -80,8 +80,8 @@
z-index: 99;
}
.parallax .parallax-top-left:hover ~ .parallax-content {
- -webkit-transform: perspective(600px) rotateX(3deg) rotateY(-3deg);
- transform: perspective(600px) rotateX(3deg) rotateY(-3deg);
+ -webkit-transform: perspective(50rem) rotateX(3deg) rotateY(-3deg);
+ transform: perspective(50rem) rotateX(3deg) rotateY(-3deg);
}
.parallax .parallax-top-left:hover ~ .parallax-content::before {
background: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%);
@@ -95,8 +95,8 @@
z-index: 99;
}
.parallax .parallax-top-right:hover ~ .parallax-content {
- -webkit-transform: perspective(600px) rotateX(3deg) rotateY(3deg);
- transform: perspective(600px) rotateX(3deg) rotateY(3deg);
+ -webkit-transform: perspective(50rem) rotateX(3deg) rotateY(3deg);
+ transform: perspective(50rem) rotateX(3deg) rotateY(3deg);
}
.parallax .parallax-top-right:hover ~ .parallax-content::before {
background: linear-gradient(-135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%);
@@ -110,8 +110,8 @@
z-index: 99;
}
.parallax .parallax-bottom-left:hover ~ .parallax-content {
- -webkit-transform: perspective(600px) rotateX(-3deg) rotateY(-3deg);
- transform: perspective(600px) rotateX(-3deg) rotateY(-3deg);
+ -webkit-transform: perspective(50rem) rotateX(-3deg) rotateY(-3deg);
+ transform: perspective(50rem) rotateX(-3deg) rotateY(-3deg);
}
.parallax .parallax-bottom-left:hover ~ .parallax-content::before {
background: linear-gradient(45deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%);
@@ -125,8 +125,8 @@
z-index: 99;
}
.parallax .parallax-bottom-right:hover ~ .parallax-content {
- -webkit-transform: perspective(600px) rotateX(-3deg) rotateY(3deg);
- transform: perspective(600px) rotateX(-3deg) rotateY(3deg);
+ -webkit-transform: perspective(50rem) rotateX(-3deg) rotateY(3deg);
+ transform: perspective(50rem) rotateX(-3deg) rotateY(3deg);
}
.parallax .parallax-bottom-right:hover ~ .parallax-content::before {
background: linear-gradient(-45deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%);