Size: a a a

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

2020 July 14

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
расположить ниже
источник

NG

Nazar Ginailo in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
расположить ниже
я прокидую этот стиль в радотельский компонент
источник

NG

Nazar Ginailo in HTML/CSS — русскоговорящее сообщество
но он не овверайдит почему-то
источник

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
.2px?!
источник

NG

Nazar Ginailo in HTML/CSS — русскоговорящее сообщество
да
источник

АБ

Артём Бондаренко... in HTML/CSS — русскоговорящее сообщество
Привет. при наведении на блок есть иконка которая начинает двигаться (использую бесконечную анимацию). Все класно работает, но когда я отвожу мышку Она дергается в начальное положения независимо от этапа анимации. Пробовал transition: transform 1s ease; но не помогло. Есть ли кокое-то типовое решение для таких случаев?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Nazar Ginailo
да
ты тупо из фигмы скопировал или откуда-то ещё? .2px нет даже на маках
источник

АБ

Артём Бондаренко... in HTML/CSS — русскоговорящее сообщество
&:hover{
                       img.mouse{
                           animation: hoverMouseAnim 2s infinite ease;                          
                       }
                   }

//...
@keyframes hoverMouseAnim {
   0%{
       transform: translateY(0px);
   }
   50%{
       transform: translateY(5px);
   }
   100%{
       transform: translateY(0px);
   }
}
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
на мобилах топовых, наверное...
источник

АБ

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

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Артём Бондаренко
&:hover{
                       img.mouse{
                           animation: hoverMouseAnim 2s infinite ease;                          
                       }
                   }

//...
@keyframes hoverMouseAnim {
   0%{
       transform: translateY(0px);
   }
   50%{
       transform: translateY(5px);
   }
   100%{
       transform: translateY(0px);
   }
}
сделай в песочнице
источник

АБ

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

АК

Анатолий Кулак... in HTML/CSS — русскоговорящее сообщество
Артём Бондаренко
Вот собственно код
Вероятнее всего тебе нужно навестить сразу анимацию, но в состоянии паузы, а на ховере просто менять на play
источник

АБ

Артём Бондаренко... in HTML/CSS — русскоговорящее сообщество
Смотрю сейчас. Похоже правда то что нужно! Спасибо👍
источник

V

Vladislav in HTML/CSS — русскоговорящее сообщество
Всем привет. Подскажите, как сделать ширину колоны чуть меншье (при том что col-3 уже обрезает кнопки)?
источник

MR

Muzaffar Rasulov in HTML/CSS — русскоговорящее сообщество
Alex Bessmertnov
Я не понимаю задачи даже с код пеном опиши детальнее какая высота тебя там не устраивает
вот скрин
источник

MR

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

MR

Muzaffar Rasulov in HTML/CSS — русскоговорящее сообщество
во первых таблица левая уходит дальше вниз хотя в мейн блоке уже высота задан в котором и находится оба таблицы
во вторых скрол должен быть для каждого блока свой а не общий как сейчас
источник

MR

Muzaffar Rasulov in HTML/CSS — русскоговорящее сообщество
как только добавил классы из бутстрапа у меня так получился
источник

l

lesha in HTML/CSS — русскоговорящее сообщество
Vladislav
Всем привет. Подскажите, как сделать ширину колоны чуть меншье (при том что col-3 уже обрезает кнопки)?
А для какой цели ее делать меньше ?
источник