Блог

Я делаю карусель с react-slick и пытаюсь добавить к ней переход при наведении. Но изображение может масштабироваться только в 1 направлении.

Мой css:

 .carousel { margin-bottom: 10rem; margin-left: 3.75rem; margin-right: 3.75rem;  .slider-container {  div {   img {  width: 100%;  padding-right: 2px;  padding-left: 2px;  transition: transform .3s;  border-radius: 5px;   amp;:hover {  transform: scale(1.3);  transition: transform .6s;  border-radius: 5px;  }  }  } }  

}

react.js:

 lt;div className="carousel"gt;  lt;h2gt; Trending lt;/h2gt;  lt;Slider {...settings} className="slider-container"gt;  lt;divgt;  lt;img src={img1} alt=""/gt;  lt;/divgt;