Как сделать что бы картинка увеличивалась при наведении курсора? - Joomla 3.x: Общие вопросы

Как сделать что бы картинка увеличивалась при наведении курсора?

И вам добрый вечер. Средствами CSS:

И вам добрый вечер. Средствами CSS:

Код

img {
    transition: width 2s;
}

img:hover {
    width: 1000%;
    height: 1000%;
    max-width: 1000%;
}

Добрый вечер) А куда ставить код?

А без разницы - куда больше нравится
В конец любого файла CSS. Если не сработает, то попробуйте так:

А без разницы - куда больше нравится
В конец любого файла CSS. Если не сработает, то попробуйте так:

Код: css

img {
    transition: width 2s;
}

img:hover {
    width: 1000% !important;
    height: 1000% !important;
    max-width: 1000% !important;
}

Мне надо что бы верхние картинки увеличивались если на них наводят курсор.
вот ссылка vyveska1.ru/vyveski
Сейчас сделано одной целой картинкой, но буду заливать по одной.
Вывод на страницу будет ч/з HTML код.

А без разницы - куда больше нравится
В конец любого файла CSS. Если не сработает, то попробуйте так:

Код: css

img {
    transition: width 2s;
}

img:hover {
    width: 1000% !important;
    height: 1000% !important;
    max-width: 1000% !important;
}

Может подскажите хотя бы в какую папку.
И мне не надо что бы это правило распространялось на все картинки на сайте.
Надо что бы только на конкретные в коде HTML

Надёжнее всего сразу вставить код в индексный файл Вашего шаблона - так сработает наверняка!


Открываете его и вставляете php код в начало файла после строки defined('_JEXEC') or die()


собственно, код:

Ничего не получилось. Вопрос актуален 

Код: css

a:hover img {
    transform: scale(1.1);
}
a {overflow:hidden;}

Это куда?

Нужно что бы увеличивались только картинки которые стоят сразу под горизонтальным меню.
сайт vyveska1.ru

В стилевой файл вашего шаблона:

В стилевой файл вашего шаблона:

Код: css

.vt_moduletable_content img {
    transform: scale(1.0);
    transition: all .3s;
}
.vt_moduletable_content img:hover {
    transform: scale(1.1);
}

Спасибо Вам огромное. Помогло