1 | .lg-css3 {
|
2 | &.lg-slide-skew-only-y-rev {
|
3 | .lg-item {
|
4 | opacity: 0;
|
5 |
|
6 | &.lg-prev-slide {
|
7 | @include transform(skew(0deg, -10deg));
|
8 | }
|
9 |
|
10 | &.lg-next-slide {
|
11 | @include transform(skew(0deg, -10deg));
|
12 | }
|
13 |
|
14 | &.lg-current {
|
15 | @include transform(skew(0deg, 0deg));
|
16 | opacity: 1;
|
17 | }
|
18 |
|
19 | &.lg-prev-slide,
|
20 | &.lg-next-slide,
|
21 | &.lg-current {
|
22 | @include transitionCustom(
|
23 | transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
|
24 | opacity 0.1s ease 0s
|
25 | );
|
26 | }
|
27 | }
|
28 | }
|
29 | }
|