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

GuN

  • Осваиваюсь на форуме
  • 75
  • 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>
Реально бесплатный сервис ручного обмена ссылки всем советую LI li.nsk.ru
*

SheriffDM

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

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

Автор GuN

Ответов: 1
Просмотров: 137
Последний ответ 10.08.2017, 11:50:23
от SheriffDM
Как уменьшить размер логотипа на шаблоне protostar Joomla 3 ?

Автор maximka21reg

Ответов: 4
Просмотров: 1094
Последний ответ 03.12.2016, 03:09:01
от satyricon
Как отобразить картинку справа от div?

Автор Ferum1

Ответов: 2
Просмотров: 249
Последний ответ 28.09.2016, 09:54:37
от Ferum1
Minitek Wall module сделать кликабельную картинку категории материала

Автор meloman

Ответов: 23
Просмотров: 978
Последний ответ 18.04.2016, 19:05:36
от meloman
Как уменьшить отображение определенных элементов сайта?

Автор intedant

Ответов: 5
Просмотров: 432
Последний ответ 03.12.2015, 16:33:52
от umbabaraumba