Inicio Explorar Ayuda
Registro Iniciar sesión
yuebuzu
/
s202226701018
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: 652a337901
Ramas Etiquetas
s202226701018
/
MY-WEB
/
node_modules
/
swiper
/
modules
/
effect-cube.css

effect-cube.css 1.5 KB
Histórico Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 
  1. .swiper.swiper-cube {
    2. 

  2.   overflow: visible;
    3. 

  3. }
    4. 

  4. .swiper-cube .swiper-slide {
    5. 

  5.   pointer-events: none;
    6. 

  6.   -webkit-backface-visibility: hidden;
    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. }
    14. 

  14. .swiper-cube .swiper-slide .swiper-slide {
    15. 

  15.   pointer-events: none;
    16. 

  16. }
    17. 

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

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

  19. }
    20. 

  20. .swiper-cube .swiper-slide-active,
    21. 

  21. .swiper-cube .swiper-slide-active .swiper-slide-active {
    22. 

  22.   pointer-events: auto;
    23. 

  23. }
    24. 

  24. .swiper-cube .swiper-slide-active,
    25. 

  25. .swiper-cube .swiper-slide-next,
    26. 

  26. .swiper-cube .swiper-slide-prev {
    27. 

  27.   pointer-events: auto;
    28. 

  28.   visibility: visible;
    29. 

  29. }
    30. 

  30. .swiper-cube .swiper-cube-shadow {
    31. 

  31.   position: absolute;
    32. 

  32.   left: 0;
    33. 

  33.   bottom: 0px;
    34. 

  34.   width: 100%;
    35. 

  35.   height: 100%;
    36. 

  36.   opacity: 0.6;
    37. 

  37.   z-index: 0;
    38. 

  38. }
    39. 

  39. .swiper-cube .swiper-cube-shadow:before {
    40. 

  40.   content: '';
    41. 

  41.   background: #000;
    42. 

  42.   position: absolute;
    43. 

  43.   left: 0;
    44. 

  44.   top: 0;
    45. 

  45.   bottom: 0;
    46. 

  46.   right: 0;
    47. 

  47.   filter: blur(50px);
    48. 

  48. }
    49. 

  49. .swiper-cube .swiper-slide-next + .swiper-slide {
    50. 

  50.   pointer-events: auto;
    51. 

  51.   visibility: visible;
    52. 

  52. }
    53. 

  53. /* Cube slide shadows start */
    54. 

  54. .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
    55. 

  55. .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
    56. 

  56. .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
    57. 

  57. .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    58. 

  58.   z-index: 0;
    59. 

  59.   -webkit-backface-visibility: hidden;
    60. 

  60.           backface-visibility: hidden;
    61. 

  61. }
    62. 

  62. /* Cube slide shadows end */
    63.