Open yura-master-web opened 5 years ago
.carousel display block background-color colors('dark') &__item position relative display flex flex-direction column-reverse font-size px2rem(18px) font-weight 300 color colors('white') .owl-carousel_servises .owl-item:nth-child(2n) & flex-direction column .carousel-services-content, .carousel-services-images width 100% .carousel-services-images background-position center background-size cover opacity .8 transition opacity $transition-time ^[-1]:hover ^[-1..-1] opacity 1
response
.carousel { display: block; background-color: #1a1a1a; } .carousel__item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; font-size: 1.125rem; font-weight: 300; color: #fff; } .owl-carousel_servises .owl-item:nth-child(2n) .carousel__item { -ms-flex-direction: column; flex-direction: column; } .carousel__item .carousel-services-content, .carousel__item .carousel-services-images { width: 100%; } .carousel__item .carousel-services-images { background-position: center; background-size: cover; opacity: 0.8; transition: opacity 0.3s; } .carousel__item:hover .carousel-services-images { opacity: 1; }
.carousel__item:hover .carousel-services-images { opacity: 1; }
is good, but
^[-1]:hover ^[-1..-1] opacity 1
console write - property is not valid
response
is good, but
console write - property is not valid