Size: a a a

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

2020 April 05

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Veronika
привет, подскажите, пожалуйста, как подключить анимацию к проекту, если там используется webpack и sass? нужно устанавливать дополнительный пакет npm?
что  такое анимация в вашем понимании ?

в css под анимацией понимается  транзишены и кейфрейм-анимации..  может у вас что-то иное ?
источник

V

Veronika in CSS — русскоговорящее сообщество
используются keyframes
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Veronika
используются keyframes
если ваш вебпак-конфиг ещё не умеет в sass то  нужно его научить https://webpack.js.org/loaders/sass-loader/#getting-started


если уже умеет, то нужно найти ваш  корневой sass-файл и импортировать в него ваш новый файл с кейфрейм-анимациями
источник

m

mazya in CSS — русскоговорящее сообщество
Гайз, как можно прибить два последних тега к самому низу? Там лого, h4, описание и кнопка. Всё флексит
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Aleksey Vishnjak
причем сработает один раз. допустим при 25. а в след раз стопорнется на каком-либо рандомном числе
если  нажать мыстро два раза то последний timerId перетрётся, и  setInterval никогда не завершится..
источник

m

mazya in CSS — русскоговорящее сообщество
Это надо каждый взять и прицепить ему через nth что-то?
Голова вообще не варит что-то
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
mazya
Гайз, как можно прибить два последних тега к самому низу? Там лого, h4, описание и кнопка. Всё флексит
добавь в элементе  где логотип flex:1 а у остальных убери  если  flex у них  есть
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
Алексей Компанец
подскажите, как сделать чтобы перенос на новую строку был только по пробелам? Слова с дефисом должны переноситься на следующую строку полностью.
<pre></pre>
источник

V

Veronika in CSS — русскоговорящее сообщество
Андрей Гуртовой
если ваш вебпак-конфиг ещё не умеет в sass то  нужно его научить https://webpack.js.org/loaders/sass-loader/#getting-started


если уже умеет, то нужно найти ваш  корневой sass-файл и импортировать в него ваш новый файл с кейфрейм-анимациями
конфиг умеет в сасс и файл со стилями только один. возможно, я неверно пишу keyframes, спасибо
источник

m

mazya in CSS — русскоговорящее сообщество
Андрей Гуртовой
добавь в элементе  где логотип flex:1 а у остальных убери  если  flex у них  есть
Точняк, спасибо большое!
источник

А

Андрей in CSS — русскоговорящее сообщество
всем привет) не подскажите возможно ли на png иконке цвет сменить?) background-color применяет только к фону( а просто color ничего не меняет(
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
mazya
Точняк, спасибо большое!
источник

m

mazya in CSS — русскоговорящее сообщество
Так и сделал, пасиба
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Андрей
всем привет) не подскажите возможно ли на png иконке цвет сменить?) background-color применяет только к фону( а просто color ничего не меняет(
filter: hue-rotate(45deg);
источник

ZS

Zhanarys Sairanbekov in CSS — русскоговорящее сообщество
Андрей
всем привет) не подскажите возможно ли на png иконке цвет сменить?) background-color применяет только к фону( а просто color ничего не меняет(
filter
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
Андрей
всем привет) не подскажите возможно ли на png иконке цвет сменить?) background-color применяет только к фону( а просто color ничего не меняет(
по верх блок можно сделать и rgba цвет задать
источник

А

Андрей in CSS — русскоговорящее сообщество
спасибо) а то мучаюсь с фильтрами и не могу разобраться)
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
хотя если задать блоку цвет rgba, то цвет попадет не только на надпись
источник

А

Андрей in CSS — русскоговорящее сообщество
ну вот в этом то и прикол)
источник

m

mazya in CSS — русскоговорящее сообщество
Мб их в svg перекинуть, если есть возможность?
источник