yaparoff 0
- 0
-
Похожие публикации
-
Автор: Beoulve
Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/
может я вообще не так все делаю и проще скриптами делать или другим методом.
p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню.
upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее...
upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.
-
Автор: serganto92
Здравствуйте. Не могу никак понять как сделать подобного вида меню(Как в приложении).
Пробовал через display:none->display:box; , через opacity:0->opacity:1; теперь через transform:scale(0.5); -> transform:scale(2);
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="about.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"></div> <div class="show-menu"></div> </body> </html> Задача такая чтобы при наведении курсора на центральный элемент, круговое меню появлялось как-бы вокруг него.
Вот одна из попыток :
html
CSS
.menu { width:100px; height:100px; background:orange; transform:scale(0.5); } .menu .show-menu:hover { transform:scale(2); } .show-menu { width:50px; height:50px; background:black; position:absolute; top:33px; left:33px; }
-
Автор: DronBoy
Вобщем есть код
<div class="number">
<a href='#'><img src='images/Call.png' class="call"></a>
<b>8-905-282-60-55</b>
</div>
изначально тег <b> скрыт display:none;
хочу что бы при наведении на ссылку тег <b> снова становился видимым.
насписал стили:
.number b{
display:none;
}
.number a:hover b{
display:block;
}
Но нечего не работает в чем проблема подскажите.
-
-
Ближайшие события
-
Текущие цели пожертвований
-
Лучшие авторы
-
1
-
2
-
3
-
4
-
5
-
При наведении на .tabs-link у .tabs-link:after должно появляться свойство visibility: visible;
http://codepen.io/anon/pen/XdwJaG
Поделиться сообщением
Ссылка на сообщение
Поделиться на других сайтах