|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
11.02.2018, 15:40 | #1 |
Новичок
Джуниор
Регистрация: 11.02.2018
Сообщений: 2
|
Изменение размера картинки при клике на нее и сохранение размеров пока курсор на ней - HTML, CSS
Есть картинка, при клике на нее, она увеличивается и сохраняет свои размеры до тех пор, пока на ней курсор мыши.
Скорее всего это можно сделать с помощью псевдоклассов :hover и :active, но правильно сделать не получается( |
15.02.2018, 10:11 | #3 |
Новичок
Джуниор
Регистрация: 11.02.2018
Сообщений: 2
|
Вот как решалась данная задача:
<div class="block"> <div class="block1" ></div> <div class="block2" ></div> </div> CSS .block1{ width: 300px; height: 300px; background-image: url(1.png); background-size: 100%; display: none; } .block2{ width: 200px; height: 200px; background-image: url(1.png); background-size: 100%; } .block:active .block1{ display: block; } .block:active .block2{ display: none; } .block1:hover{ display: block; } .block1:hover + .block2{ display: none; } |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Изменение размеров timage при изменении размера формы | WebbMan | C++ Builder | 5 | 26.02.2013 21:14 |
Изменение размера картинки при ресайзе формы | JoLan | Компоненты Delphi | 2 | 31.07.2012 15:07 |
Изменение размеров шапки и добавление в нее элементов | MyLastHit | Общие вопросы Delphi | 5 | 04.11.2011 19:56 |
Увеличение картинки при наведении на нее курсор | messi013 | Общие вопросы Delphi | 5 | 10.01.2010 17:22 |