@DenKuzmin17

Как сделать, чтобы родитель сужался, когда у дочернего scale(0)?


spoiler

<fieldset id="brands">
  <div class="header">
        Нажми меня
    </div>
  <div class="brands-wrapper">
    <label for="brands_0" class="">
        <input type="checkbox" name="brands" id="brands_0" value="Acura"  />
        <span>Acura</span>&nbsp;<sup>31</sup>
    </label>
    <label for="brands_1" class="">
        <input type="checkbox" name="brands" id="brands_1" value="AlfaRomeo"  />
        <span>AlfaRomeo</span>&nbsp;<sup>31</sup>
    </label>
</div>
</fieldset>

.brands-wrapper {
  transform: scale(0);
}
fieldset.active .brands-wrapper {
  transform: scale(1);
}


Как сделать, чтобы '#brands' сужался (не растягивался), когда у '.brands-wrapper' transform: scale(0); ?
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ответы на вопрос 1
Я понимаю, что вопрос про scale, но на всякий случай уточню, что если скрывать блок за счет "display: none", то и родитель сужается.

Результат:
https://codepen.io/hisbvdis/pen/BaBVLeJ
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы