zoom.css 848 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. img[data-action="zoom"] {
  2. cursor: pointer;
  3. cursor: -webkit-zoom-in;
  4. cursor: -moz-zoom-in;
  5. }
  6. .zoom-img,
  7. .zoom-img-wrap {
  8. position: relative;
  9. z-index: 1666;
  10. -webkit-transition: all 300ms;
  11. -o-transition: all 300ms;
  12. transition: all 300ms;
  13. display: inline-block;
  14. }
  15. img.zoom-img {
  16. cursor: pointer;
  17. cursor: -webkit-zoom-out;
  18. cursor: -moz-zoom-out;
  19. }
  20. .zoom-overlay {
  21. z-index: 1420;
  22. background: #fff;
  23. position: fixed;
  24. top: 0;
  25. left: 0;
  26. right: 0;
  27. bottom: 0;
  28. pointer-events: none;
  29. filter: "alpha(opacity=0)";
  30. opacity: 0;
  31. -webkit-transition: opacity 300ms;
  32. -o-transition: opacity 300ms;
  33. transition: opacity 300ms;
  34. }
  35. .zoom-overlay-open .zoom-overlay {
  36. filter: "alpha(opacity=100)";
  37. opacity: 1;
  38. }
  39. .zoom-overlay-open,
  40. .zoom-overlay-transitioning {
  41. cursor: default;
  42. }