Главная » Статьи CSS HTML » CSS HTML

Скрываем поля на чистом CSS.

02.12.2017, 17:18

HTML
Код
<input type="checkbox" class="chkb">
<span>remove</span>
<div class="lots">
<span class="fname"><input type="text"></span>
<span class="lname"><input type="text"></span>
</div>

CSS
Код
.lots, .chkb {padding:10px;}
.fname::before {content:"name";display:block;}
.lname::before {content:"last name";display:block;}
.fname {margin-right:10px;}
.chkb:checked + span + .lots {opacity:0;visibility:hidden;}
.lots {transition: 1s;}

Результат:
remove

Категория: CSS HTML | Добавил: Sentimo [Написать автору]
Просмотров: 320 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar