Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 November 03

P

Panda in HTML/CSS — русскоговорящее сообщество
источник

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Valerii Leontiev
ребят, почему транзишн в этом коде работает только на раскрытие элемента, но не работает на сворачивании?

     visibility: hidden;
     opacity: 0;
     transition: visibility 1s, opacity 0.5s linear;
     max-height: 0;

     &.active {
       padding: 35px 20px;
       visibility: visible;
       opacity: 1;
       max-height: none;
     }
а подскажите пожалуйста, как вот здесь с паддингами быть? если я их в основном элементе определяю, то при скрытии они влияют на верстку
А если только активному, как здесь, то при скрытии нет паддингов и смотрится тоже стремно
источник

DY

Denis Yakovenko in HTML/CSS — русскоговорящее сообщество
источник

DY

Denis Yakovenko in HTML/CSS — русскоговорящее сообщество
Подскажите почему иконка не перемещается в конец
хоть и задал margin-left: auto;
(у всех родителей размер with задан)
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Denis Yakovenko
Подскажите почему иконка не перемещается в конец
хоть и задал margin-left: auto;
(у всех родителей размер with задан)
Покажи код
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
summary
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
на суммари должен вешаться display flex
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
а ;after должен быть background image с указанием размеров
источник

DY

Denis Yakovenko in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
Покажи код
источник

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
берешь часть внутри <template> и <style> и копируешь в кодепен, <script> можешь не вставлять
к слову, во вью же так не получится из-за модульности
источник

DY

Denis Yakovenko in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
на суммари должен вешаться display flex
Спасибо, совсем забыл про флексы
помогло
источник

O

Ostap in HTML/CSS — русскоговорящее сообщество
Есть конструкция вида
div.parent_1 > ... > ... > div.child;
div.parent_2 > ... > ... > div.child;
Как должен выглядеть селектор для первого .child без учета промежуточных блоков?
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Ostap
Есть конструкция вида
div.parent_1 > ... > ... > div.child;
div.parent_2 > ... > ... > div.child;
Как должен выглядеть селектор для первого .child без учета промежуточных блоков?
не использовать вообще насследование)
источник

O

Ostap in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
не использовать вообще насследование)
Как?)
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Ostap
Как?)
источник

O

Ostap in HTML/CSS — русскоговорящее сообщество
Я бэк, которому нужно поправить поехавшую верстку для мобилки)
источник

O

Ostap in HTML/CSS — русскоговорящее сообщество
Ну и решение уже нашел
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Ostap
Я бэк, которому нужно поправить поехавшую верстку для мобилки)
навешай класс на нужный див и перебей стили
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
без насследования
источник

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
ребят, кто-то может показать кодепен, как по клику на один эелемент из столбца элементов красиво отрендерить под ним скрытый элемент?
И так же по клику скрыть
Хочется, чтобы он как бы раскрывался и закрывался
источник