Адаптировать картинку с анмацией

  • 1 Ответов
  • 105 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

GuN

  • ***
  • 75
  • 0


Как адаптировать?height: 300px;
height: 300px;
max-width: 100%;



/*Свойства для контейнера*/
#img_container {
position:relative;
height: 300px;
max-width: 100%;
margin:0 auto;
cursor:pointer;
}
/*Свойства для изображения в контейнере*/
#img_container img {
position:absolute;
left:0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
/*100% прозрачность при наведении на изображение*/
#img_container img.img_bottom:hover {
opacity:0;
}
Реально бесплатный сервис ручного обмена ссылки всем советую LI li.nsk.ru

Re: Адаптировать картинку с анмацией
« Ответ #1 : 10.08.2017, 13:50:23 »
Не оч понятно что ты хочешь. Расскажи детальнее с примером

От этого вообще ору

max-width: 100%;
margin:0 auto;