HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
HTML, CSS Правила написания кода https://www.cyberforum.ru/ html/ thread2183032.html Всем привет!Читала о правильном написании кода, отступы, что был "елочкой", но до меня так и не дошло, как это на практике делается. Буду благодарна, если кто нибудь из профи посмотрит на код неуча и...	HTML, CSS Всплывающее окно на CSS с чекбоксами внутри Приветствую, имеется вот такая конструкция <div class="catalog-filter"> <div class="catalog-filter-title">Фильтр: </div> <div class="filter-fields"> <a class="support"...
Множественный фон с наследованием у псевдоэлемента after HTML, CSS Здравствуйте. div { width: 100px; height: 100px; position: relative; background: url("2.png") no-repeat 0 0; } div:after { content: ""; width: 100%;	HTML, CSS как добавить меню в navbar php? Я хочу добавить меню в свой сайт. Вот на скриншоте указанно место где надо добавить меню Вот мой код navbar.php <nav class="navbar navbar-fixed-top navbar-dark bg-blue-dark"> ... https://www.cyberforum.ru/ html/ thread2182738.html
HTML, CSS Вертикальное выравнивание - position absolute https://www.cyberforum.ru/ html/ thread2182625.html Доброго времени уважаемым форумчанам, Никто не подскажет, почему вертикальное выравнивание в div при position absolute не работает для display: table-cell? Что-то я где-то пропустил: ...	HTML, CSS Адаптивность меню На сайте на моем мониторе нормальная высота верхнего меню одностраничника. Но на ноутбуке 15", меню начинает танцевать и увеличивается высотой и занимает чуть ли не половину экрана. Подскажите,...
HTML, CSS Отступ у ссылки при переходе в новый ряд Добрый день! Подскажите как сделать что бы были отступы у ссылки. Вот сам код: <div class="slider"> <img src="https://www.cyberforum.ru/images/11.jpg">	HTML, CSS При нажатии на кнопку появляется форма Ребят,как сделать,что бы при нажатии на кнопку появлялась форма: -Имя -Телефон -Кнопка "Отправить" https://www.cyberforum.ru/ html/ thread2182237.html
HTML, CSS Добавить анимацию к выпадающему меню на css https://www.cyberforum.ru/ html/ thread2182099.html Доброго времени суток. Доверили сайт школы, как самому компетентному в этом вопросе с коллектива. Но, видать, не достаточно) меню сделал, а анимацию добавить не могу. Хочу чтоб плавно было. Прошу...	HTML, CSS При уменьшении размеров дисплея, элементы перекрывают друг-друга Имеется слайдер (https://codepen.io/re1mond/pen/zRYPrY) на чистом CSS, который нормально выглядит на больших мониторах, но при уменьшении размеров дисплея, элементы начинают выезжать и перекрывать... https://www.cyberforum.ru/ html/ thread2181871.html

John Meyer

0 / 0 / 0

Регистрация: 29.09.2017

Сообщений: 29

Как сделать несколько блоков, исчезающих одновременно, при наведении хотя бы на один их них

01.02.2018, 02:08. Просмотров 977. Ответов 6

Метки (Все метки)

Как сделать несколько блоков, исчезающих одновременно, при наведении хотя бы на один их них?

Добавлено через 1 час 12 минут
Использую CSS. Блоки span объединять нельзя. Желательно заменить на div.

HTML5

<style>
        span:hover{
            opacity:0;
            animation:hidden 2s;
        }
        @keyframes hidden{
            from{opacity:1}
            to{opacity:0}
        }
    </style>
</head>
 
<body>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, quas est eius exercitationem modi provident officia facilis beatae nihil eveniet minus eligendi laborum dicta ab sequi. Fuga ipsa excepturi nihil.</span>
Text
 
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, quas est eius exercitationem modi provident officia facilis beatae nihil eveniet minus eligendi laborum dicta ab sequi. Fuga ipsa excepturi nihil.</span>
Text
 
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, quas est eius exercitationem modi provident officia facilis beatae nihil eveniet minus eligendi laborum dicta ab sequi. Fuga ipsa excepturi nihil.</span>
Text
</body>

Вернуться к обсуждению:
Как сделать несколько блоков, исчезающих одновременно, при наведении хотя бы на один их них

Следующий ответ

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

01.02.2018, 02:08

Готовые ответы и решения:

Как при наведении на ссылку или иконку сделать так что бы несколько блоков сдвинулись?
Здравствуйте форумчане, помогите пожалуйста. Как при наведении на ссылку или иконку сделать так...

Создать круг разделенный на 6 блоков, в центре логотип, при наведении на один из блоков он увеличивается
Доброго времени суток. Не знаю, как даже искать похожее. В общем нужно создать круг разделен на 6...

Несколько блоков используют один класс, как сделать разные отступы?
Есть виджет (таблица) имеет стили выводится в 3 разных местах соответственно применяются общие...

Двигаются дивы при наведении на один из них
Всем привет! Столкнулся с проблемкой. В общем у меня выводятся товары... при наведении на один из...

__________________
Помогаю в написании студенческих работ здесь.

Наверх