Распродажа 11.11
<a href="https://pixel-centre.ru/magazin/folder/rasprodazha-mega-sale-11-11" target="_blank">
<img alt="Распродажа mega sale" class="" src="https://pixel-centre.ru/d/sale_11_11.jpg" style="border-width:0;" title="11.11 Распродажа mega sale" />
</a>
<style>
a img {
transition: transform 0.2s ease-in-out; /* Добавляем плавный переход */
}
a:active img {
transform: scale(0.95); /* Уменьшаем изображение при нажатии */
/* Или другой эффект, например:
filter: brightness(0.8); // затемнение
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); // тень
*/
}
/* Вариант с более заметной анимацией: */
/*
a img {
transition: transform 0.1s ease-in, box-shadow 0.1s ease-in;
}
a:active img {
transform: scale(0.9);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
*/
/* Вариант с эффектом "вдавливания": */
/*
a img {
transition: transform 0.1s ease-in-out;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Начальная тень */
}
a:active img {
transform: translateY(2px); /* Смещение вниз */
box-shadow: none; /* Убираем тень при нажатии */
}
*/
</style>