Увеличение картинки при наведении курсором

@Pavlory · Регистрация: 29.11.2018

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

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div id="Lingua_desktop">
        <img src="C:\Users\Lenovo\Downloads\Telegram Desktop\Screen images-20190204T134034Z-001\Screen images\Lingua desktop 1.png"
         width="300"
        height="300">
        <img src="C:\Users\Lenovo\Downloads\Telegram Desktop\Screen images-20190204T134034Z-001\Screen images\Lingua desktop 2.png"
        with="300"
        height="300">
        <img src="C:\Users\Lenovo\Downloads\Telegram Desktop\Screen images-20190204T134034Z-001\Screen images\Lingua desktop 3.png"
        with="300"
        height="300">
    </div>

CSS
1
2
3
4
5
6
7
#Lingua_desktop{
    background: gray;
    height: 450px;
     display: flex;
    flex-direction: row;
    justify-content: space-between;
}

Для примера возьмите свои картинки.

@gogolik · 06.02.2019, 13:34

https://codepen.io/anon/pen/GzMYpL

CSS
1
2
3
4
5
6
7
img {
  transition: all .3s ease;
}
img:hover {
  transform: scale(1.1);
  transition: all .3s ease;
}

Новые блоги и статьи Все статьи Все блоги /
Исследование рантаймов контейнеров Docker, containerd и rkt Mr. Docker 11.05.2025 Когда мы говорим о контейнерных рантаймах, мы обсуждаем программные компоненты, отвечающие за исполнение контейнеризованных приложений. Это тот слой, который берет образ контейнера и превращает его в. . .	Micronaut и GraalVM - будущее микросервисов на Java? Javaican 11.05.2025 Облачные вычисления безжалостно обнажили ахиллесову пяту Java — прожорливость к ресурсам и медлительный старт приложений. Традиционные фреймворки, годами радовавшие корпоративных разработчиков своей. . .	Инфраструктура как код на C# stackOverflow 11.05.2025 IaC — это управление и развертывание инфраструктуры через машиночитаемые файлы определений, а не через физическую настройку оборудования или интерактивные инструменты. Представьте: все ваши серверы,. . .	Инъекция зависимостей в ASP.NET Core - Практический подход UnmanagedCoder 11.05.2025 Инъекция зависимостей (Dependency Injection, DI) — это техника программирования, которая кардинально меняет подход к управлению зависимостями в приложениях. Представьте модульный дом, где каждая. . .	Битва за скорость: может ли Java догнать Rust и C++? Javaican 11.05.2025 Java, с её мантрой "напиши один раз, запускай где угодно", десятилетиями остаётся в тени своих "быстрых" собратьев, когда речь заходит о сырой вычислительной мощи. Rust и C++ традиционно занимают. . .
Упрощение разработки облачной инфраструктуры с Golang golander 11.05.2025 Причины популярности Go в облачной инфраструктуре просты и одновременно глубоки. Прежде всего — поразительная конкурентность, реализованная через горутины, которые дешевле традиционных потоков в. . .	Создание конвейеров данных ETL с помощью Pandas AI_Generated 10.05.2025 Помню свой первый опыт работы с большим датасетом — это была катастрофа из неотформатированных CSV-файлов, странных значений NULL и дубликатов, от которых ехала крыша. Тогда я потратил три дня на. . .	C++ и OpenCV - Гайд по продвинутому компьютерному зрению bytestream 10.05.2025 Компьютерное зрение — одна из тех технологий, которые буквально меняют мир на наших глазах. Если оглянуться на несколько лет назад, то сложно представить, что алгоритмы смогут не просто распознавать. . .	Создаем Web API с Flask и SQLAlchemy py-thonny 10.05.2025 В веб-разработке Flask и SQLAlchemy — настоящие рок-звезды бэкенда, особенно когда речь заходит о создании масштабируемых API. Эта комбинация инструментов прочно закрепилась в арсенале разработчиков. . .	Квантовое будущее для разработчиков: Что необходимо знать сегодня EggHead 10.05.2025 Квантовые вычисления больше не являются чем-то из области научной фантастики. Пока большинство разработчиков погружены в осваивание очередного JavaScript-фреймворка или изучение новых возможностей. . .

Опции темы

Увеличение картинки при наведении курсором

Решение