» »

Открывающиеся и закрывающиеся блоги CSS

Открывающиеся и закрывающиеся блоги CSS

Это отличное решение для веб мастера по работе с текстом материала. Так как он теперь может закрыть в блоках описание или элемент. В создание любой интернет площадке и в процессе потом на ней заливать, иногда приходится скрыть тот или иной объект, чтоб статья как можно понятнее получилась. И не выглядела широким рассказам, что здесь применяются контейнеры, что прячут картинка и их может огромное количество. Но главное все получается корректно и ясно.

Будет написано, что в здесь вы сможете открыть и по клику автоматически все закрепить по умолчанию. Идет 2 стиля, они одинаковы в способностях. Только на втором еще кнопку с плюсом и минусом прикреплена. Все работает на чистых CSS, нет скриптов, что по большому счету, один раз прописать и потом можно по всему порталу выставлять такие оригинальные сплолеры. Для переключателя вам необходимо написать, как пример "раскрыть здесь" или по тематике.

Код
<input class="hide" id="hd-1" type="checkbox" >
<label for="hd-1">ZORNET.RU</label>
<div>Microsoft анонсировала более 100 наименований, которые будут поддерживать Xbox One X, но, потратив 500 долларов на новую консоль, заплатив 60 долларов за поп для совершенно новых игр. К счастью, множество существующих игр получают исправление для хорошего разрешения.</div>

Под знаками:

Раскрывающиеся блоки с скрытым содержанием

С фигурой впереди:

Делаем выпадающий по клику блок

CSS:

Все в архиве под нумерацией.

1. Демонстрация
2. Второе demo

Источник: dbmast.ru
10.10.2017 Загрузок: 2 Просмотров: 329 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar