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

GuN

  • Захожу иногда
  • 75
  • 0 / 0
Проблема следующая, пытаюсь прикрутить анимацию при наведение на картинку все работает, но не могу задать ширину и высоту картинки авто.

Подскажи как сделать пожалуйста
 

вот код

<div  class="example5">
<img src="" class="smile1" /img>
<img src="" class="smile2" /img>
</div>

<style>
div.example5 {
max-width: 100%;
height: auto;

margin: 0 auto;
  /*Убираем полосу прокрутки*/
  overflow:hidden;
}
div.example5 img {
  position: absolute;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.example5 img.smile1 {
  opacity:0;
  filter:alpha(opacity=0);
}
.example5:hover img.smile1 {
  opacity:1;
  filter:alpha(opacity=100);
}
.example5:hover img.smile2, .example5 img.smile2:hover {
  opacity:0;
  filter:alpha(opacity=0);
}
.example5 img.smile1, .example5:hover img.smile1 {
  margin-left: 0px;
}
.example5:hover img.smile2 {
  margin-left: 220px;
}
.example5 img.smile1 {
  margin-left: -220px;
}
</style>
*

SheriffDM

  • Новичок
  • 4
  • 0 / 0
Re: Картинку уменьшить при сжимание
« Ответ #1 : 10.08.2017, 11:57:15 »
Относительно чего ты хочешь одинаковую ширину и высоту картинок, они все должны быть одинаковы или что?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как уменьшить отступ между Title и Components в шаблоне Helix3

Автор artem_wrong

Ответов: 21
Просмотров: 4076
Последний ответ 17.06.2022, 22:42:47
от Scaltro
Как разместить картинку за текстом в статье?

Автор PNP

Ответов: 11
Просмотров: 1517
Последний ответ 10.08.2021, 20:59:27
от PNP
Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

Ответов: 0
Просмотров: 575
Последний ответ 02.01.2021, 13:56:09
от vova630
Не могу вывести картинку нужно размера

Автор stonehand

Ответов: 3
Просмотров: 795
Последний ответ 22.03.2019, 21:55:29
от sivers
Адаптировать картинку с анмацией

Автор GuN

Ответов: 1
Просмотров: 854
Последний ответ 10.08.2017, 11:50:23
от SheriffDM