...
bottom: 36px;
-webkit-transform: perspective(400) rotate3d(1, 0, 0, 90deg); // 90deg на себя, -90deg от себя
-webkit-transform-origin: 50% 100%;
....wrap {
position: relative;
}
.wrap:before,
.wrap:after {
content: '';
position: absolute;
top: 0;
width: /*ширина изображения*/;
height: 100%;
background-repeat: repeat-y;
}
.wrap:before {
background-image: url(...);
left: 0;
}
.wrap:after {
background-image: url(...);
right: 0;
}$("#amount2").val($("#slider-range-min2").slider("value") + '%');
$("#amount3").val($("#slider-range-min3").slider("value") + '%');.selector {
transition: all 0.6s;
}
// или только высота
.selector {
transition: height 0.6s;
}display: flex
align-items: center
flex-basis: 320px
min-width: 350pxdisplay: flex
align-items: center
flex-basis: 320px
min-width: 350px