Size: a a a

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

2020 June 23

AA

Anton Antonov in CSS — русскоговорящее сообщество
у меня примерно такая же проблема, ща кодпен запилю
источник

🅚

🅚🅘🅝🅓🅔🅡🅦🅞🅝🅓... in CSS — русскоговорящее сообщество
Как называется такое выдвигающейся меню на бутстрапе? Что гуглить?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
🅚🅘🅝🅓🅔🅡🅦🅞🅝🅓
Как называется такое выдвигающейся меню на бутстрапе? Что гуглить?
это руками делается. aside menu
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
https://tympanus.net/Development/SidebarTransitions/

тут вагон и маленькая тележка, например
источник

IN

Igor N in CSS — русскоговорящее сообщество
Пацаны, такой вопрос. Есть react-select, и есть у него вот такая выпадашка. Я её никак в девтулзах не отслежу блен! Как её поймать? Force State все перепробовал — не помогает)) Мне надо понять, что именно там задаёт bgc
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Igor N
Пацаны, такой вопрос. Есть react-select, и есть у него вот такая выпадашка. Я её никак в девтулзах не отслежу блен! Как её поймать? Force State все перепробовал — не помогает)) Мне надо понять, что именно там задаёт bgc
?
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
Igor N
Пацаны, такой вопрос. Есть react-select, и есть у него вот такая выпадашка. Я её никак в девтулзах не отслежу блен! Как её поймать? Force State все перепробовал — не помогает)) Мне надо понять, что именно там задаёт bgc
зайди на вкладку Source, пусть выпадет, нажми на F8
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
после этого смотри вкладку elements, скорее всего оно прямо в боди будет
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
ну или Ctrl+Shift+C, и выбери твою выпадашку
источник

IN

Igor N in CSS — русскоговорящее сообщество
Anton Antonov
зайди на вкладку Source, пусть выпадет, нажми на F8
Точно! Спасибо
источник

IN

Igor N in CSS — русскоговорящее сообщество
Сработало)))
источник

АБ

Артём Бондаренко... in CSS — русскоговорящее сообщество
Всем день добрый. Такая проблема. Есть пагинация. Я сделал анимацию смены шрифта. Но проблема в том что при переключении "прыгает" высота блока
источник

АБ

Артём Бондаренко... in CSS — русскоговорящее сообщество
.paginationWrap{
   user-select: none;
   line-height: 18px;
   min-height: 25px;
   .page{
       min-width: 21px;
       min-height: 100%;
       font-weight: 600;
       font-size: 12px;
       color: #fff;
       cursor: pointer;
       transition: font-size .2s linear;
       display: inline-block;
       margin: auto 12px;
       position: relative;
       bottom: 0;
       &.current{
           animation: pagesAnim .2s linear;
           font-size: 18px;
       }
   }
}

@keyframes pagesAnim {
   0%{
       font-size: 12px;
   }
   100%{
       font-size: 18px;
   }
}
источник

АБ

Артём Бондаренко... in CSS — русскоговорящее сообщество
Вот код на SCSS
источник

АБ

Артём Бондаренко... in CSS — русскоговорящее сообщество
Не понимаю в чем проблема
источник

YS

Yervand Sargsyan in CSS — русскоговорящее сообщество
Артём Бондаренко
Всем день добрый. Такая проблема. Есть пагинация. Я сделал анимацию смены шрифта. Но проблема в том что при переключении "прыгает" высота блока
а почему не должна прыгать?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Артём Бондаренко
.paginationWrap{
   user-select: none;
   line-height: 18px;
   min-height: 25px;
   .page{
       min-width: 21px;
       min-height: 100%;
       font-weight: 600;
       font-size: 12px;
       color: #fff;
       cursor: pointer;
       transition: font-size .2s linear;
       display: inline-block;
       margin: auto 12px;
       position: relative;
       bottom: 0;
       &.current{
           animation: pagesAnim .2s linear;
           font-size: 18px;
       }
   }
}

@keyframes pagesAnim {
   0%{
       font-size: 12px;
   }
   100%{
       font-size: 18px;
   }
}
переделай на флекс. выровни по низу и зафиксируй высоту обертки
источник

АБ

Артём Бондаренко... in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
переделай на флекс. выровни по низу и зафиксируй высоту обертки
Спасибо, попробую сейчас
источник

AA

Anton Antonov in CSS — русскоговорящее сообщество
https://codepen.io/nikfakel/pen/qBbmVgo

можно ли через цсс сделать так, чтобы текст в description обрезался по своему контенту для любого количества строк (а не для ранее подсчитанного для максимум трех строк в тайтле и максимум 7 строках в дескрипшне?
источник