Size: a a a

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

2020 August 25

Д

Денис in HTML/CSS — русскоговорящее сообщество
Привет всем. Подскажите как делать такой вырез, <hr> со стилями?)
источник

Е

Евгений in HTML/CSS — русскоговорящее сообщество
mazya
Иначе спрошу, у меня есть, к примеру, канвас. На него мне надо накинуть "фильтр", чтобы слева было прозрачно, а с права — нет. Переход градиентом. Как?
Например
background: linear-gradient(45deg, rgba(103, 0, 31, .8), rgba(34, 101, 163, .5));
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
mazya
Парни, подскажите момент, пожалуйста. Мне на блок нужно накладывать прозрачность, которая меняется для одного блока. Грубо говоря, накладывать градиент, но не с цветом, а с прозрачностью, чтобы с одной стороны блок был с opacity: 1, а с другого края с плавным переходом переходил в opacity: 0. Знаю про -webkit-mask-image, но есть ли что-то глобальное, что работает везде, исключая IE (или может с ним тоже есть вариант)? Как такое реализовать правильно?
Если фон одноцветный, можно наложить поверх элемент с градиентным фоном из прозрачного в цвет фона основного блока
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Евгений
Например
background: linear-gradient(45deg, rgba(103, 0, 31, .8), rgba(34, 101, 163, .5));
Это для фона, ему надо вообще все, включая контент
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Вот кстати пример, в верхнем левом углу другая прозрачность, а фон — подложка родителя, а не блока с particles
источник

Е

Евгений in HTML/CSS — русскоговорящее сообщество
на фон можно задать и картинку, и градиент одновременно
источник

😏

😏 in HTML/CSS — русскоговорящее сообщество
Денис
Привет всем. Подскажите как делать такой вырез, <hr> со стилями?)
Как вариант создать треугольник в отдельном div и спозиционировать по середине
источник

Д

Денис in HTML/CSS — русскоговорящее сообщество
😏
Как вариант создать треугольник в отдельном div и спозиционировать по середине
О, спасибо.
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Денис
Привет всем. Подскажите как делать такой вырез, <hr> со стилями?)
Блок у которого border-bottom: 24px solid white; а высота 48px; а ширина 24
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Денис
Привет всем. Подскажите как делать такой вырез, <hr> со стилями?)
Псевдоэлементом можно
источник

v

va1 in HTML/CSS — русскоговорящее сообщество
Денис
Привет всем. Подскажите как делать такой вырез, <hr> со стилями?)
Псевдоэлемент, n x n пикселей белого цвета (квадрат) развёрнутый на 45 градусов и спозиционироаанный относительно контейнера с картинкой
источник

Д

Денис in HTML/CSS — русскоговорящее сообщество
va1
Псевдоэлемент, n x n пикселей белого цвета (квадрат) развёрнутый на 45 градусов и спозиционироаанный относительно контейнера с картинкой
Понял, спс
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
va1
Псевдоэлемент, n x n пикселей белого цвета (квадрат) развёрнутый на 45 градусов и спозиционироаанный относительно контейнера с картинкой
Можно бордером сделать стрелочку
источник

Д

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

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Насколько много смысла использовать для обрезания многострочного текста
overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
В проекте, который пойдет в массовое использование?
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Одни люди пишут, что поддержка вроде как сносная, другие говорят, что лучше не прибегать к такому методу совсем
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
На developer.mozilla также говорится, что лучше это не использовать
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Для вертикального текста?
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Я просто каждую букву <br> разделял, от греха подальше
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
В смысле каждую букву?)
Да, для вертикального
источник