«Привет, Stackoverflow!
Мне интересно, может ли кто-нибудь помочь мне разобраться в этом. Я нашел эту программу просмотра изображений «До/После» от Джейсона Мэйса и работал над тем, чтобы она была отзывчиво центрирована.
Итак, я нашел «подходящий объект: обложка»; и «позиция объекта: 50% 50%;» работать отлично, но вскоре я понял, что сам переход каким-то образом не был оформлен таким образом.
Я раздвоил ручку Джейсона, чтобы вам было понятнее: http://codepen.io/RogerAntonio/pen/rVXrma
Я думаю, что проблема кроется где-то здесь:
.container img {
object-fit: cover;
object-position: 50% 50%;
overflow: hidden;
}
.beforeAfter .before {
z-index:2;
opacity: 1;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
Заранее спасибо!