Size: a a a

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

2021 April 19

L

Lucius in HTML/CSS — русскоговорящее сообщество
Кто знает, в чем может быть проблема?
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
в девтулз ПКМ по пути к картинке - open in new tab. Если не откроется, значит кривой путь
источник

L

Lucius in HTML/CSS — русскоговорящее сообщество
Дело в том, что пути прописаны правильно. Я думаю, что дело в самой картинке, потому что когда добавляю ее в папку img, то галп выключается, ловит баг
источник

L

Lucius in HTML/CSS — русскоговорящее сообщество
Хотя с другими картина все нормально
источник

L

Lucius in HTML/CSS — русскоговорящее сообщество
GET http://127.0.0.1:5500/dist/img/ornament.jpg 404 (Not Found) Это через локалку
источник

L

Lucius in HTML/CSS — русскоговорящее сообщество
Удаляю картину, все приходит в норму
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
object-fit: cover;
источник

K

Kotikov in HTML/CSS — русскоговорящее сообщество
Всем привет! Ребят, скиньте ссылку на какую-нибудь годную статью по css, пожалуйста.
источник

K

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

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Годную по какому поводу?
источник

K

Kotikov in HTML/CSS — русскоговорящее сообщество
Неважно, главное чтобы она была интересная.)
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Эм
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Ну я в канал охуенную скинул вчера
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Про градиенты
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
#заметка дня

CSS-градиенты, конечно, были в своё время прорывом, вот только есть одна проблема.

Математически линейное изменение цвета и/или прозрачности глазом воспринимается слишком резким и… ранним.

Точно так же как и с transition, можно было бы применить функции плавности (easing). Правда, это потребует некоторых усилий, в стандарт CSS они пока не вошли.

В оригинальной статье есть генератор, но можно воспользоваться и PostCSS-плагином. По большому счёту мы лишь добавляем множество остановок цвета, чтобы сгладить переход.

Можно, конечно, и проще. Добавить промежуточный цвет при помощи пары остановок, т. н. подсказки перехода. Этот цвет может стать едва ли не основным:  https://codepen.io/argyleink/pen/GRZoQLB

Какой бы способ вы ни применили, доверяйте своим глазам.

#css #color #gradient #easing
источник

K

Kotikov in HTML/CSS — русскоговорящее сообщество
Спасибо.)
источник

АМ

Андрей Маркелов... in HTML/CSS — русскоговорящее сообщество
спасибо большое, помог ❤️❤️❤️❤️❤️❤️
источник

КО

Катя Ощепкова... in HTML/CSS — русскоговорящее сообщество
всем привет. у меня такая проблема: я применила к border градиент, после чего перестал работать border-radius, в чем причина?
источник

L

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

КО

Катя Ощепкова... in HTML/CSS — русскоговорящее сообщество
и как мне это обойти?
источник