84 lines
3 KiB
CSS
84 lines
3 KiB
CSS
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
|
|
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
|
|
-webkit-transition-duration: 0ms !important;
|
|
transition-duration: 0ms !important;
|
|
}
|
|
|
|
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
|
will-change: transform;
|
|
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
|
-moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
|
-o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
|
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
|
}
|
|
|
|
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
|
will-change: transform;
|
|
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
-moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
-o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
|
}
|
|
|
|
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
|
|
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
will-change: opacity, transform;
|
|
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
|
-moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
|
-o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
|
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
|
-webkit-transform-origin: 0 0;
|
|
-moz-transform-origin: 0 0;
|
|
-ms-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.lg-icon.lg-zoom-in:after {
|
|
content: '\e311';
|
|
}
|
|
|
|
.lg-icon.lg-actual-size {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.lg-icon.lg-actual-size:after {
|
|
content: '\e033';
|
|
}
|
|
|
|
.lg-icon.lg-zoom-out {
|
|
opacity: 0.5;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.lg-icon.lg-zoom-out:after {
|
|
content: '\e312';
|
|
}
|
|
|
|
.lg-zoomed .lg-icon.lg-zoom-out {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.lg-outer[data-lg-slide-type='video'] .lg-zoom-in,
|
|
.lg-outer[data-lg-slide-type='video'] .lg-actual-size,
|
|
.lg-outer[data-lg-slide-type='video'] .lg-zoom-out, .lg-outer[data-lg-slide-type='iframe'] .lg-zoom-in,
|
|
.lg-outer[data-lg-slide-type='iframe'] .lg-actual-size,
|
|
.lg-outer[data-lg-slide-type='iframe'] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
|
|
.lg-outer.lg-first-slide-loading .lg-actual-size,
|
|
.lg-outer.lg-first-slide-loading .lg-zoom-out {
|
|
opacity: 0.75;
|
|
pointer-events: none;
|
|
}
|