UNPKG

lightgallery

Version:

lightGallery is a feature-rich, modular JavaScript gallery plugin for building beautiful image and video galleries for the web and the mobile

50 lines (43 loc) 1.25 kB
.lg-outer .lg-img-rotate { position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer[data-lg-slide-type=video] .lg-rotate-left, .lg-outer[data-lg-slide-type=video] .lg-rotate-right, .lg-outer[data-lg-slide-type=video] .lg-flip-ver, .lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-right, .lg-outer[data-lg-slide-type=iframe] .lg-flip-ver, .lg-outer[data-lg-slide-type=iframe] .lg-flip-hor { opacity: 0.75; pointer-events: none; } .lg-outer .lg-img-rotate:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .lg-rotate-left:after { content: "\e900"; } .lg-rotate-right:after { content: "\e901"; } .lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { font-size: 26px; } .lg-flip-ver:after { content: "\e903"; } .lg-flip-hor:after { content: "\e902"; } /*# sourceMappingURL=lg-rotate.css.map */