lg-rotate.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .lg-outer .lg-img-rotate {
  2. position: absolute;
  3. left: 0;
  4. right: 0;
  5. top: 0;
  6. bottom: 0;
  7. -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  8. -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  9. -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  10. transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
  11. }
  12. .lg-outer[data-lg-slide-type='video'] .lg-rotate-left,
  13. .lg-outer[data-lg-slide-type='video'] .lg-rotate-right,
  14. .lg-outer[data-lg-slide-type='video'] .lg-flip-ver,
  15. .lg-outer[data-lg-slide-type='video'] .lg-flip-hor, .lg-outer[data-lg-slide-type='iframe'] .lg-rotate-left,
  16. .lg-outer[data-lg-slide-type='iframe'] .lg-rotate-right,
  17. .lg-outer[data-lg-slide-type='iframe'] .lg-flip-ver,
  18. .lg-outer[data-lg-slide-type='iframe'] .lg-flip-hor {
  19. opacity: 0.75;
  20. pointer-events: none;
  21. }
  22. .lg-rotate-left:after {
  23. content: '\e900';
  24. }
  25. .lg-rotate-right:after {
  26. content: '\e901';
  27. }
  28. .lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  29. font-size: 26px;
  30. }
  31. .lg-flip-ver:after {
  32. content: '\e903';
  33. }
  34. .lg-flip-hor:after {
  35. content: '\e902';
  36. }