Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 11.02.2018, 15:40   #1
bacalavr1
Новичок
Джуниор
 
Регистрация: 11.02.2018
Сообщений: 2
По умолчанию Изменение размера картинки при клике на нее и сохранение размеров пока курсор на ней - HTML, CSS

Есть картинка, при клике на нее, она увеличивается и сохраняет свои размеры до тех пор, пока на ней курсор мыши.
Скорее всего это можно сделать с помощью псевдоклассов :hover и :active, но правильно сделать не получается(
bacalavr1 вне форума Ответить с цитированием
Старый 14.02.2018, 21:43   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

jsfiddle
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 15.02.2018, 10:11   #3
bacalavr1
Новичок
Джуниор
 
Регистрация: 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;
}
bacalavr1 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размеров 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