Картинку уменьшить при сжимание

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

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

вот код

<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>

Как уменьшить отступ между Title и Components в шаблоне Helix3 Автор artem_wrong	Ответов: 21 Просмотров: 8222	17.06.2022, 22:42:47 от Scaltro
Как разместить картинку за текстом в статье? Автор PNP	Ответов: 11 Просмотров: 2848	10.08.2021, 20:59:27 от PNP
Можно ли прописать в scss ссылку и установить картинку? Автор vova630	Ответов: 0 Просмотров: 1514	02.01.2021, 13:56:09 от vova630
Не могу вывести картинку нужно размера Автор stonehand	Ответов: 3 Просмотров: 2031	22.03.2019, 21:55:29 от sivers
Адаптировать картинку с анмацией Автор GuN	Ответов: 1 Просмотров: 1310	10.08.2017, 11:50:23 от SheriffDM

Картинку уменьшить при сжимание - Вопросы по CSS

Новости Joomla

Process Forge — фреймворк для создания AI-процессов.

Вышла новая версия joomLab Article Slider 1.1.0

Компонент Joomla 6: Генератор LLMs.txt.

GuN

Картинку уменьшить при сжимание

SheriffDM

Re: Картинку уменьшить при сжимание

Похожие темы