Увеличение картинки при наведении

@vova630 · Регистрация: 24.01.2018

Author24 — интернет-сервис помощи студентам

Доброго времени суток!
В шаблоне Helium, частица Content Cubes. Сейчас выводится фото в увеличенном виде, а при наведении оно уменьшается и его видно полностью. Как сделать наоборот, чтоб фото сначала отображалось полностью, а при наведении увеличивалось. http://demo.gantry.org/features/particles.

Пытался изменить здесь, но не получается. Как Вы думаете это правильное место:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.g-contentcubes .cube-items-wrapper .cube-image-wrapper img {
    display: block;
    height: auto;
    -webkit-transform: scale3d(1.8, 1.8, 1);
    -moz-transform: scale3d(1.8, 1.8, 1);
    -ms-transform: scale3d(1.8, 1.8, 1);
    -o-transform: scale3d(1.8, 1.8, 1);
    transform: scale3d(1.8, 1.8, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

Заранее спасибо!

@RocBoy-D · 27.03.2018, 12:30

vova630, нет, нужно написать селектор для класса cube-image-wrapper, а не элемента img (и добавить специфичность). Атрибута

CSS
1
transform: scale(1.25);

будет достаточно

Новые блоги и статьи Все статьи Все блоги /
Анализ и линтинг кода JavaScript: ESLint, Prettier и JSHint run.dev 26.04.2025 JavaScript прошёл долгий путь от простого языка для анимации веб-страниц до основы современной веб-разработки. С ростом сложности приложений, увеличением кодовых баз и масштабированием команд. . .	Паттерны в Python: Singleton, Factory и Observer py-thonny 26.04.2025 Паттерны проектирования — это проверенные временем решения типовых проблем разработки программного обеспечения. Их история берёт начало с книги "Приёмы объектно-ориентированного проектирования. . . .	Исключения в C#: Stack Overflow, Access Violation и Out of memory stackOverflow 26.04.2025 Исключения в C# — это не только механизм оповещения о проблемах, а целое искусство управления потоком выполнения программы в экстремальных ситуациях. Обычное исключение, например,. . .	Логирование в C# ASP.NET Core с помощью Serilog, ElasticSearch, Kibana stackOverflow 25.04.2025 Помните те времена, когда для анализа проблемы приходилось подключаться к серверу, искать нужный лог-файл среди десятков других и вручную фильтровать тысячи строк в поисках ошибки? К счастью, эти дни. . .	Структура "железный OnKeyUp" вместо антидребезга. Полностью асинхронный счётчик. Hrethgir 25.04.2025 Программа для симуляции схемы - Logisim Evolution В общем какое-то время отвлёкся, так было надо, теперь когда запилю это на verilog и FPGA , досоставлю заявку в ФИПС на полезную модель - не готов. . .
Автоматизация Amazon Web Services (AWS) с Boto3 в Python py-thonny 25.04.2025 Облачные вычисления стали неотъемлемой частью современной ИТ-инфраструктуры, а Amazon Web Services (AWS) занимает лидирующие позиции среди провайдеров облачных услуг. Управление многочисленными. . .	Apache Kafka vs RabbitMQ в микросервисной архитектуре ArchitectMsa 25.04.2025 Современная разработка ПО всё чаще склоняется к микросервисной архитектуре — подходу, при котором приложение разбивается на множество небольших, автономных сервисов. В этой распределённой среде. . .	Параллельное программирование с OpenMP в C++ NullReferenced 24.04.2025 Параллельное программирование — подход к созданию программ, когда одна задача разбивается на несколько подзадач, которые могут выполняться одновременно. Оно стало необходимым навыком для. . .	Цепочки методов в C# с Fluent API UnmanagedCoder 24.04.2025 Современное программирование — это не только решение функциональных задач, но и создание кода, который удобно поддерживать, расширять и читать. Цепочки методов и Fluent-синтаксис в C# стали мощным. . .	Мульти-тенантные БД с PostgreSQL Row Security Codd 23.04.2025 Современные облачные сервисы и бизнес-приложения всё чаще обслуживают множество клиентов в рамках единой программной инфраструктуры. Эта архитектурная модель, известная как мульти-тенантность, стала. . .

Опции темы