Size: a a a

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

2020 May 28

T

Tim in CSS — русскоговорящее сообщество
Олег
Пацаны. есть слайдер на котором некие продукты на тарелке. и активный продукт больше в размерах а от него отходящие меньше. и как можно сделать такой слайдер? чтобы активный элемент плавно становился крупнее?
много слайдов видимых + классом подкручивать размер активного
источник

T

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

T

Tim in CSS — русскоговорящее сообщество
Слушайте, как устроить transition: width между элементами без явно заданной ширины?

https://codepen.io/m1ndgap/pen/xxwoRza

чето гуглю, и нахожу только что нельзя такое сделать. А прибивать гвоздями ширину не очень хочется. Можно через какие-то другие атрибуты это провернуть?
источник

В

Вебмастер с опытом... in CSS — русскоговорящее сообщество
На ховер задай через кальк к примеру плюс 10%
источник

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
Tim
Слушайте, как устроить transition: width между элементами без явно заданной ширины?

https://codepen.io/m1ndgap/pen/xxwoRza

чето гуглю, и нахожу только что нельзя такое сделать. А прибивать гвоздями ширину не очень хочется. Можно через какие-то другие атрибуты это провернуть?
clac
источник

SD

Sasha Danilyuk in CSS — русскоговорящее сообщество
подскажите, каким образом можно сделать подобные линии в таблице. они будут меняться динамически
источник

A

Aleksandr in CSS — русскоговорящее сообщество
Sasha Danilyuk
подскажите, каким образом можно сделать подобные линии в таблице. они будут меняться динамически
Див с высотой и бордер радиусом и бэкграундом
источник

SD

Sasha Danilyuk in CSS — русскоговорящее сообщество
Aleksandr
Див с высотой и бордер радиусом и бэкграундом
а как сделать, чтоб они перекрывали бордеры ячеек?
источник

A

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

В

Вебмастер с опытом... in CSS — русскоговорящее сообщество
Мне кажется там немного сложнее ситуация, оно на несколько ячеек
источник

SD

Sasha Danilyuk in CSS — русскоговорящее сообщество
Aleksandr
position
а он же не работает вроде в таблицах. или я ошибаюсь?
источник

В

Вебмастер с опытом... in CSS — русскоговорящее сообщество
Sasha Danilyuk
подскажите, каким образом можно сделать подобные линии в таблице. они будут меняться динамически
Таблица адаптивная?
источник

SD

Sasha Danilyuk in CSS — русскоговорящее сообщество
Вебмастер с опытом
Таблица адаптивная?
да
источник

SD

Sasha Danilyuk in CSS — русскоговорящее сообщество
Вебмастер с опытом
Таблица адаптивная?
хотя пока ещё не уточняли
источник

SD

Sasha Danilyuk in CSS — русскоговорящее сообщество
Вебмастер с опытом
Таблица адаптивная?
скорее всего, просто скролл будет
источник

В

Вебмастер с опытом... in CSS — русскоговорящее сообщество
Тут скорее всего через жс надо вычислять сколько ячеек надо
источник

T

Tim in CSS — русскоговорящее сообщество
забейте, flex-grow анимируется
источник

T

Tim in CSS — русскоговорящее сообщество
очень просто
источник

SD

Sasha Danilyuk in CSS — русскоговорящее сообщество
Вебмастер с опытом
Тут скорее всего через жс надо вычислять сколько ячеек надо
да, это у меня на реакте приложение. но вопрос в том, как перекрывать бордеры те в ячейках. вот как у меня получилось
источник

В

Вебмастер с опытом... in CSS — русскоговорящее сообщество
Sasha Danilyuk
да, это у меня на реакте приложение. но вопрос в том, как перекрывать бордеры те в ячейках. вот как у меня получилось
Сделай позишн релатив для бордера и задай з индекс к примеру 2
источник