Size: a a a

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

2020 June 15

VS

Vova Soltys in CSS — русскоговорящее сообщество
Как применить стили только к вебкит браузерам?
источник

VS

Vova Soltys in CSS — русскоговорящее сообщество
Или всем кроме них
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
Префикс зафигарить
источник

B

Bretbas in CSS — русскоговорящее сообщество
Народ, подскажите пожалуйста, как можно этот список чекбоксов вывести в 4 колонки?
ну или в зависимости от экрана количество колонок будет уменьшаться/прибавляться
источник

m

mazya in CSS — русскоговорящее сообщество
Кто-то может подсказать, как сделать обратную анимацию?
Сделал через keyframes анимации для многих блоков при открытии меню.
Как теперь можно сделать при закрытии? :/
источник

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
mazya
Кто-то может подсказать, как сделать обратную анимацию?
Сделал через keyframes анимации для многих блоков при открытии меню.
Как теперь можно сделать при закрытии? :/
animation: ... reverse
источник

m

mazya in CSS — русскоговорящее сообщество
Kenan Ayvazov
animation: ... reverse
Об этом в курсе. Просто если в проекте на, прости, тильде накидана куча элементов типа меню, но общего блока меню нет, то как их анимировать?
Как лучше сделать?
источник

m

mazya in CSS — русскоговорящее сообщество
В голове:
1) Либо js-ом накидывать классы типа hide и на эти вешать обратную анимацию
2) Либо каждому каким-то образом вешать обратную анимацию. Только как это сделать? Я же не могу поставить reverse-анимацию рядом с обычной. Не знаю просто к чему приязываться
источник

К

Кирилл in CSS — русскоговорящее сообщество
Добрый день/вечер. Вопрос: если в макете контент ограничивается не одним контейнером а несколькими, то нужно создавать для них два отдельных класса, типа .container и container-header например или использовать общий .container а в нем делать обертки нужной ширины?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
mazya
Об этом в курсе. Просто если в проекте на, прости, тильде накидана куча элементов типа меню, но общего блока меню нет, то как их анимировать?
Как лучше сделать?
в статичном виде - одна анимация, накинул класс, который для открытия, у этого класса своя анимация. Когда класс скинешь, должна отработать та, что в статичном виде. Теоретически.
источник

m

mazya in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
в статичном виде - одна анимация, накинул класс, который для открытия, у этого класса своя анимация. Когда класс скинешь, должна отработать та, что в статичном виде. Теоретически.
Так там все блоки либо display: none, либо сразу абсолютом расставлены.
Было бы общее меню — можно было бы даже через одну привязку подключить ко всем элементам, а там всё в воздухе летает.
В итоге делал каждому на открытие.
Буду, по ходу, накидывать класс на элементы для их закрытия, а не открытия. Кто это тильду придумал, боже...
Спасибо за совет, сделаю так, но зеркально, а то лень переписывать)
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
Bretbas
Народ, подскажите пожалуйста, как можно этот список чекбоксов вывести в 4 колонки?
ну или в зависимости от экрана количество колонок будет уменьшаться/прибавляться
Можно попробовать задать выпадающему блоку флекс.. мож че и получится сделайте codepen
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
Кирилл
Добрый день/вечер. Вопрос: если в макете контент ограничивается не одним контейнером а несколькими, то нужно создавать для них два отдельных класса, типа .container и container-header например или использовать общий .container а в нем делать обертки нужной ширины?
Я думаю то что контейнер все равно 1н просто он где-то есть а где-то нет может лучше показать макет?
источник

А

Абдул in CSS — русскоговорящее сообщество
https://code.sololearn.com/W6iDO3RyYOTS/?ref=app

Как здесь сделать чтобы в конце "35%" было с права? А то оно в притык к линии стоит это не круто
источник

А

Абдул in CSS — русскоговорящее сообщество
Абдул
https://code.sololearn.com/W6iDO3RyYOTS/?ref=app

Как здесь сделать чтобы в конце "35%" было с права? А то оно в притык к линии стоит это не круто
35%
источник

В

Владимир in CSS — русскоговорящее сообщество
Абдул
https://code.sololearn.com/W6iDO3RyYOTS/?ref=app

Как здесь сделать чтобы в конце "35%" было с права? А то оно в притык к линии стоит это не круто
источник

В

Владимир in CSS — русскоговорящее сообщество
держи, это классная статья по флексам
источник

В

Владимир in CSS — русскоговорящее сообщество
Абдул
https://code.sololearn.com/W6iDO3RyYOTS/?ref=app

Как здесь сделать чтобы в конце "35%" было с права? А то оно в притык к линии стоит это не круто
<!DOCTYPE html>
<html>
   <head>
       <title>Page Title</title>
   </head>
   <body>
   <!--Уровень, Опыт, Процент-->
   <div style="display:flex; align-items:center; text-align:center; width:325px; height:20px; background: orange; border-radius:5px; box-shadow:1px 1px 3px black;">
       <!--показ уровня-->
       <div><img src="img/lvl.png" width="16px" height="16px"></img>1</div>
       <!--индикатор-->
       <div style="display:flex; flex-grow:1; height:10px; color:green; background:red; border-radius:10px; margin-left:5px; margin-right:5px;">
           <div style="width:233px; height:10px; background:green; border-radius:10px;"></div>
       </div>
       <!--прогресс в %-->
       <div>35%</div>
   </div>
   </body>
</html>
источник

А

Абдул in CSS — русскоговорящее сообщество
Спасибо, сохраню в Избранное чтобы позже прочесть
источник

YS

Yervand Sargsyan in CSS — русскоговорящее сообщество
Кирилл
Добрый день/вечер. Вопрос: если в макете контент ограничивается не одним контейнером а несколькими, то нужно создавать для них два отдельных класса, типа .container и container-header например или использовать общий .container а в нем делать обертки нужной ширины?
Контейнер один, если блок выходит за рамки контейнера то просто не ставьте его в контейнер и все
источник