Размер изображения эффекта слайд-шоу Кена Бернса

Может кто-нибудь объяснить мне, почему я не могу правильно отобразить эффект "Кен Бернс" при увеличении размера моих изображений?

Я довольно много пытался взломать это с разными изображениями и разными настройками 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...

https://gist.github.com/pithyless/1861253 Спасибо.

0 ответов

Другие вопросы по тегам