Size: a a a

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

2020 July 24

A

Altairka in HTML/CSS — русскоговорящее сообщество
Altairka
крч, вы не поверите, я даже кодпен запилил:
https://codepen.io/Altairka/pen/LYGaZEr
гайс, тема такая, при hover все ок, но, если быстро навести и отвести, то псевдоэлемент не успеет уехать вниз, поэтому хотелось бы узнать, есть ли свойство, которое позволяет transform завершиться, и если я не путаю, когда-то давно делал подобное, но как уже не помню
Крч, после долгого копания в сети, а потом в старом коде, я пришел к выводу, что походу свойства такого нет, и нужный, скорее даже приблизительный эффект достигался понижением прозрачности псевдоэлемента, и повышением значений изначальной позиции и аргумента transform, а также немного поменяв свойство background при hover, сделав его чуть более плотным, чем конечная прозрачность псевдоэлемента
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
как сделать подобное?
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Neo Makela
как сделать подобное?
свг?
источник

AS

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

AS

Amazing State in HTML/CSS — русскоговорящее сообщество
как лучше всего такое наложение делать на фоне?
источник

Т

Тимерлан in HTML/CSS — русскоговорящее сообщество
Мужики,чем вы обычно рисуете кроме canvas?что актуальное сегодня?
источник

АЖ

Алихан Жумажанов... in HTML/CSS — русскоговорящее сообщество
Amazing State
как лучше всего такое наложение делать на фоне?
Смотря моб версия какая
источник

АЖ

Алихан Жумажанов... in HTML/CSS — русскоговорящее сообщество
Я бы как обычный бг взял
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Тимерлан
Мужики,чем вы обычно рисуете кроме canvas?что актуальное сегодня?
свг
источник

SL

Salik Lazdzhyan in HTML/CSS — русскоговорящее сообщество
Утро доброе всем! В чем может быть причина: есть флексовый блок, слева - слайдера, справа описание, так вот, когда веду ползунок, сужая страницу, описание выходит за края страницы, хотя не имеет фиксированных значений. А вот когда доезжаю до самого слайдера, то он (слайдер) начинает сужаться. И на слайдерах, и на блоке описания стоят макс-виз. Решил что это из-за слайдера (плагин - слик-слайдер), так как при отсутствии самого слайдера блок описания становится резиновым, как надо. Может кто сталкивался и знает как пофиксить?
источник

Г

Гриша in HTML/CSS — русскоговорящее сообщество
Salik Lazdzhyan
Утро доброе всем! В чем может быть причина: есть флексовый блок, слева - слайдера, справа описание, так вот, когда веду ползунок, сужая страницу, описание выходит за края страницы, хотя не имеет фиксированных значений. А вот когда доезжаю до самого слайдера, то он (слайдер) начинает сужаться. И на слайдерах, и на блоке описания стоят макс-виз. Решил что это из-за слайдера (плагин - слик-слайдер), так как при отсутствии самого слайдера блок описания становится резиновым, как надо. Может кто сталкивался и знает как пофиксить?
Фиксится использованием Flickity
источник

SL

Salik Lazdzhyan in HTML/CSS — русскоговорящее сообщество
Гриша
Фиксится использованием Flickity
Другой плагин? Так не могу(, мне бы со сликом решение
источник

M

Madikow in HTML/CSS — русскоговорящее сообщество
Salik Lazdzhyan
Другой плагин? Так не могу(, мне бы со сликом решение
Это поведение слика
источник

M

Madikow in HTML/CSS — русскоговорящее сообщество
Salik Lazdzhyan
Другой плагин? Так не могу(, мне бы со сликом решение
Покапайся в самом css слайдера и изменяй
источник

SL

Salik Lazdzhyan in HTML/CSS — русскоговорящее сообщество
Madikow
Покапайся в самом css слайдера и изменяй
Хорошо, спасибо!
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
Salik Lazdzhyan
Утро доброе всем! В чем может быть причина: есть флексовый блок, слева - слайдера, справа описание, так вот, когда веду ползунок, сужая страницу, описание выходит за края страницы, хотя не имеет фиксированных значений. А вот когда доезжаю до самого слайдера, то он (слайдер) начинает сужаться. И на слайдерах, и на блоке описания стоят макс-виз. Решил что это из-за слайдера (плагин - слик-слайдер), так как при отсутствии самого слайдера блок описания становится резиновым, как надо. Может кто сталкивался и знает как пофиксить?
Вообщем - flex дочерям пиши 1 варик (min-width и max-width) - кучу примеров знаю когда например не работает flex: 0 0 50% с width: 50% и даже если max-width им - то например у дропдауна слипаються - так что 1 варик должен работать!
плюс пропиши что слайдеру что информации flex-shrink: 0
должно работать - если нет - кидай код в кодпен
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
***
Вопрос:
(задача: стилизовать кроссбраузерно главный десктоп скроллбар)

Есть плагин для "Только" стилизации скроллбара не изменяя структуру, а например лишь добавляет классы для стилизации?
различные mcusstomScrollbar не то - так как работают не так как нужно, и куча багов внутри
источник

V

Valentin in HTML/CSS — русскоговорящее сообщество
доброе утро!)
Такое можно сделать флексами?
2 варианта расположения блоков? с моб на планшеты
синий блок может и 3 идти по порядку? И сдвинется если черный сделать слишком жадным а розовый абсолютно спозиционировать (прижат к право)? или есть вариант получше? Не хочу сейчас писать 2 варианта и еще логику на это
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Valentin
доброе утро!)
Такое можно сделать флексами?
2 варианта расположения блоков? с моб на планшеты
синий блок может и 3 идти по порядку? И сдвинется если черный сделать слишком жадным а розовый абсолютно спозиционировать (прижат к право)? или есть вариант получше? Не хочу сейчас писать 2 варианта и еще логику на это
доброе утро!)
>>Такое можно сделать флексами?
Да

>> 2 варианта расположения блоков?
Да

>> с моб на планшеты
синий блок может и 3 идти по порядку ?
Да, для этого есть order

>> И сдвинется если черный сделать слишком жадным а розовый абсолютно спозиционировать (прижат к право)? или есть вариант получше? Не хочу сейчас писать 2 варианта и еще логику на это

Тебе нужно чтобы оно так работало без использования медиаквери?

Просто на флексах можно добиться оба варианта но переход между ними требует внесения изменений в стили. Ты можешь этого достичь или используя медиаквери или БЭМ-модификаторы
источник

V

Valentin in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
доброе утро!)
>>Такое можно сделать флексами?
Да

>> 2 варианта расположения блоков?
Да

>> с моб на планшеты
синий блок может и 3 идти по порядку ?
Да, для этого есть order

>> И сдвинется если черный сделать слишком жадным а розовый абсолютно спозиционировать (прижат к право)? или есть вариант получше? Не хочу сейчас писать 2 варианта и еще логику на это

Тебе нужно чтобы оно так работало без использования медиаквери?

Просто на флексах можно добиться оба варианта но переход между ними требует внесения изменений в стили. Ты можешь этого достичь или используя медиаквери или БЭМ-модификаторы
просто убедиться что можно, еще не спал. >.<
Привет) и спасибо
источник