Size: a a a

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

2020 April 12

VY

Vladimir Yefremov in CSS — русскоговорящее сообщество
ᅠ ᅠ
Т.е. почему flex-direction:column заставляет элементы вписывать в размер блока о_О? И как этого избежать
Не знаю.
Тут есть ребята, кто в этом хорошо понимает.
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
ᅠ ᅠ
Т.е. почему flex-direction:column заставляет элементы вписывать в размер блока о_О? И как этого избежать
flex-shrink по умолчанию 1
источник

ᅠᅠ

ᅠ ᅠ in CSS — русскоговорящее сообщество
Anton Permyakov
flex-shrink по умолчанию 1
Спасибо, понял.
источник

ᅠᅠ

ᅠ ᅠ in CSS — русскоговорящее сообщество
Anton Permyakov
flex-shrink по умолчанию 1
А какой параметр отвечает за margin в флекс боксах? Чтобы они не липли друг к другу? Поскольку space-around не помогает, если блок меньше по высоте.
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
меньше, чем что?
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
обычные margin'ы и используются
источник

ᅠᅠ

ᅠ ᅠ in CSS — русскоговорящее сообщество
Anton Permyakov
меньше, чем что?
Меньше чем совокупная высота всех чайл блоков
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
вроде бы gap из гридов хотят под флексбокс подстроить, но не уверен, что это сильно дальше спецификации
источник

ᅠᅠ

ᅠ ᅠ in CSS — русскоговорящее сообщество
Я правильно понимаю, что 100 здесь просто не работает и береться меньший?
.wrapper {
   display: grid;
   grid-template-columns: 200px 50px 100px;
   grid-template-rows: 100px 30px;
}
источник

SA

Serge Andreev in CSS — русскоговорящее сообщество
Наконец нашёл - то что искал, Всем привет!)
А теперь вопрос, задача - заставить крутиться колёса, проблема 1 - после добавления второго див блока перестали крутиться, проблема 2 - как расположить их друг от друга и оставить на одной линии ?...
источник

AP

Anton Permyakov in CSS — русскоговорящее сообщество
display: flex у родителя
источник

t

typing...🔥 in CSS — русскоговорящее сообщество
Anton Permyakov
display: flex у родителя
+ и between можно дать
источник

Д

Дмытрык in CSS — русскоговорящее сообщество
Serge Andreev
Наконец нашёл - то что искал, Всем привет!)
А теперь вопрос, задача - заставить крутиться колёса, проблема 1 - после добавления второго див блока перестали крутиться, проблема 2 - как расположить их друг от друга и оставить на одной линии ?...
Главному флекс и спейс битвин
источник

SA

Serge Andreev in CSS — русскоговорящее сообщество
не пашет
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
ᅠ ᅠ
Переслано от ᅠ ᅠ
Поясните, пожалуйста. Почему такая запись центрирует див блок ПО ВЫСОТЕ? Ведь по идее, она должна оказаться наверху:
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
Если ты в 0 ставишь высоту лево право низ эт растягивает на всю петрушку что позиционируешь
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
Serge Andreev
не пашет
Проверь что все 4 колеса твои в флексовом контейнере как бы должно работать
источник

T

Tim in CSS — русскоговорящее сообщество
Подскажите, чем проще/удобнее реализовать чтобы подобного рода СВГ обводка анимировалась (плавно шевелилась постоянно) по ховеру?  Или это скорее в ЖС чат?

Форма не позволяет это через цсс сделать, наверное?
источник

ᅠᅠ

ᅠ ᅠ in CSS — русскоговорящее сообщество
Tim
Подскажите, чем проще/удобнее реализовать чтобы подобного рода СВГ обводка анимировалась (плавно шевелилась постоянно) по ховеру?  Или это скорее в ЖС чат?

Форма не позволяет это через цсс сделать, наверное?
О, узнаешь ответ, отпишись плиз, тоже интересно. Я по подобной теме находил это, но там прямоугольная рамка, а тут вообще хз
https://html5book.ru/krasivye-knopki-dlya-sayta/ Пример 2
источник

T

Tim in CSS — русскоговорящее сообщество
ну тут явно с СВГ надо что-то делать, но я пока не понял как это лучше реализовать
источник

ᅠᅠ

ᅠ ᅠ in CSS — русскоговорящее сообщество
Tim
ну тут явно с СВГ надо что-то делать, но я пока не понял как это лучше реализовать
Самый простой вариант, это поставить на бэк gif анимацию. Но как по мне это колхозный метод.
Можно на бэк поставить 5-10 картинок, и загружать их кей фрейм.
источник