| 123456789101112131415161718192021222324252627282930313233 |
- // vue/app/shared/ImageSlider/index.styl
- // Стили исключительно для слайдера изображений
- .imageslider
- .slides-container
- scroll-behavior: smooth
-
- .nav-btn
- backdrop-filter: blur(8px)
- opacity: 0
- transition: opacity 0.3s ease
-
- &:hover .nav-btn
- opacity: 1
-
- .indicator
- transition: all 0.3s ease
-
- .progress-fill
- transition-timing-function: linear
- // Анимации для слайдов
- .slide-enter-active,
- .slide-leave-active
- transition: all 0.5s ease
- .slide-enter-from
- opacity: 0
- transform: translateX(100px)
- .slide-leave-to
- opacity: 0
- transform: translateX(-100px)
|
