Startsida Utforska Hjälp
Registrera dig Logga in
yuebuzu
/
s202226701018
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: 652a337901
Grenar Taggar
s202226701018
/
MY-WEB
/
node_modules
/
swiper
/
modules
/
effect-cube.less

effect-cube.less 1.4 KB
Historik Rå

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 
  1. .swiper.swiper-cube {
    2. 

  2.   overflow: visible;
    3. 

  3. }
    4. 

  4. .swiper-cube {
    5. 

  5.   .swiper-slide {
    6. 

  6.     pointer-events: none;
    7. 

  7.     backface-visibility: hidden;
    8. 

  8.     z-index: 1;
    9. 

  9.     visibility: hidden;
    10. 

  10.     transform-origin: 0 0;
    11. 

  11.     width: 100%;
    12. 

  12.     height: 100%;
    13. 

  13.     .swiper-slide {
    14. 

  14.       pointer-events: none;
    15. 

  15.     }
    16. 

  16.   }
    17. 

  17.   &.swiper-rtl .swiper-slide {
    18. 

  18.     transform-origin: 100% 0;
    19. 

  19.   }
    20. 

  20.   .swiper-slide-active {
    21. 

  21.     &,
    22. 

  22.     & .swiper-slide-active {
    23. 

  23.       pointer-events: auto;
    24. 

  24.     }
    25. 

  25.   }
    26. 

  26.   .swiper-slide-active,
    27. 

  27.   .swiper-slide-next,
    28. 

  28.   .swiper-slide-prev {
    29. 

  29.     pointer-events: auto;
    30. 

  30.     visibility: visible;
    31. 

  31.   }
    32. 

  32. 

  33.   .swiper-cube-shadow {
    34. 

  34.     position: absolute;
    35. 

  35.     left: 0;
    36. 

  36.     bottom: 0px;
    37. 

  37.     width: 100%;
    38. 

  38.     height: 100%;
    39. 

  39.     opacity: 0.6;
    40. 

  40.     z-index: 0;
    41. 

  41. 

  42.     &:before {
    43. 

  43.       content: '';
    44. 

  44.       background: #000;
    45. 

  45.       position: absolute;
    46. 

  46.       left: 0;
    47. 

  47.       top: 0;
    48. 

  48.       bottom: 0;
    49. 

  49.       right: 0;
    50. 

  50.       -webkit-filter: blur(50px);
    51. 

  51.       filter: blur(50px);
    52. 

  52.     }
    53. 

  53.   }
    54. 

  54. }
    55. 

  55. .swiper-cube {
    56. 

  56.   .swiper-slide-next + .swiper-slide {
    57. 

  57.     pointer-events: auto;
    58. 

  58.     visibility: visible;
    59. 

  59.   }
    60. 

  60. }
    61. 

  61. /* Cube slide shadows start */
    62. 

  62. .swiper-cube {
    63. 

  63.   .swiper-slide-shadow-cube.swiper-slide-shadow-top,
    64. 

  64.   .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
    65. 

  65.   .swiper-slide-shadow-cube.swiper-slide-shadow-left,
    66. 

  66.   .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    67. 

  67.     z-index: 0;
    68. 

  68.     backface-visibility: hidden;
    69. 

  69.   }
    70. 

  70. }
    71. 

  71. /* Cube slide shadows end */
    72.