Make animation a little more 3D
This commit is contained in:
parent
2d6f568444
commit
93be710dde
|
@ -15,7 +15,6 @@ $rules$
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
transform-origin: 50% 0;
|
transform-origin: 50% 0;
|
||||||
perspective: 1000px;
|
|
||||||
transition: transform 0.5s ease-in-out,
|
transition: transform 0.5s ease-in-out,
|
||||||
opacity 0.5s ease-in-out;
|
opacity 0.5s ease-in-out;
|
||||||
opacity: 100%;
|
opacity: 100%;
|
||||||
|
@ -24,7 +23,8 @@ $rules$
|
||||||
<<if-story-river-not-empty """
|
<<if-story-river-not-empty """
|
||||||
|
|
||||||
.story-backdrop {
|
.story-backdrop {
|
||||||
transform: scale(0.5) rotateX(10deg);
|
z-index: -1;
|
||||||
|
transform: perspective(1000px) scale(0.5) rotateX(-20deg);
|
||||||
opacity: 50%;
|
opacity: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue