Summary Files Commits Branches @commit @diff @stats
path: root / src
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 /src
Spectre-Dark-Gruvbox-b845bf99770412466700ab778975fd98b45d79ad.tar
Spectre-Dark-Gruvbox-b845bf99770412466700ab778975fd98b45d79ad.tar.gz
Spectre-Dark-Gruvbox-b845bf99770412466700ab778975fd98b45d79ad.zip
Parenta6baa2b684e0e32d3b2efa44b3a524dcda5997a3 (diff)
Cleanup code
1 files changed, 5 insertions, 6 deletions
-rw-r--r--src/parallax.less11
diff --git a/src/parallax.less b/src/parallax.less
index 15f9f5e..c4f5580 100644
--- a/src/parallax.less
+++ b/src/parallax.less
@@ -10,7 +10,7 @@
.parallax-content {
box-shadow: 0 2.5rem 5rem rgba(0, 0, 0, .45);
height: auto;
- transform: perspective(600px);
+ transform: perspective(50rem);
transform-style: preserve-3d;
transition: all .4s ease;
width: 100%;
@@ -32,7 +32,7 @@
top: 0;
&:hover ~ .parallax-content {
- transform: perspective(600px) rotateX(@parallax-deg) rotateY(-@parallax-deg);
+ transform: perspective(50rem) rotateX(@parallax-deg) rotateY(-@parallax-deg);
&::before {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%);
@@ -46,7 +46,7 @@
top: 0;
&:hover ~ .parallax-content {
- transform: perspective(600px) rotateX(@parallax-deg) rotateY(@parallax-deg);
+ transform: perspective(50rem) rotateX(@parallax-deg) rotateY(@parallax-deg);
&::before {
background: linear-gradient(-135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%);
@@ -60,7 +60,7 @@
left: 0;
&:hover ~ .parallax-content {
- transform: perspective(600px) rotateX(-@parallax-deg) rotateY(-@parallax-deg);
+ transform: perspective(50rem) rotateX(-@parallax-deg) rotateY(-@parallax-deg);
&::before {
background: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%);
@@ -74,7 +74,7 @@
right: 0;
&:hover ~ .parallax-content {
- transform: perspective(600px) rotateX(-@parallax-deg) rotateY(@parallax-deg);
+ transform: perspective(50rem) rotateX(-@parallax-deg) rotateY(@parallax-deg);
&::before {
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%);
@@ -84,7 +84,6 @@
}
.parallax-dir() {
- //background: rgba(0,0,0,.15);
height: 50%;
position: absolute;
width: 50%;