Размер изображения эффекта слайд-шоу Кена Бернса
Может кто-нибудь объяснить мне, почему я не могу правильно отобразить эффект "Кен Бернс" при увеличении размера моих изображений?
Я довольно много пытался взломать это с разными изображениями и разными настройками CSS, но я действительно не могу их сложить и не высовывать из коробки. Это не вмешательство в мой CSS, так как я пробовал и автономно.
Я хотел бы иметь баннер, скажем, максимум 1200x600, который соответствует ширине экрана. Пожалуйста, предоставьте полный CSS.
https://codepen.io/planetgrafix/pen/erAcF
#slideshow {
position:relative;
width:800px;
height:400px;
overflow:hidden;
border:8px solid #ccc;
}
slideshow img {
position:absolute;
width:360px;
height:240px;
top:50%;
left:50%;
margin-left:-180px;
margin-top:-120px;
opacity:0;
snip...