Да, хорошо, что хотя бы в хроме работает. Про разрабов firefox не знал кст. Очень жаль, что их сократили, а то глядишь бы не тормозил так сайт у них в браузере.
Я скинул лишь часть svg , на самом деле там элементов раз в 20 больше, будет слишком накладно по производительности) Плюс я и сам могу в фигме тень сделать, скачать. Но это слишком будет нагружать верстку. НО да как костыль вполне вариант рабочий
Антон Литвиненко, Я наоборот убрал все фильтры из svg в css, чтобы потом анимировать удобнее было) Мне бы просто какой нибудь фикс простой по типу webkit filter , который почему то очень странно не работает
RAX7, Ничего не получилось. =( Не знаю как маштабировать clipPath и сделать так чтобы он зависел от ширины и высоты родителя ( нужна в других карточках где динамически меняется размер и масштаб )
RAX7, Я пробовал поиграть с clip path. Я изначально и зашел на твою демку, чтобы посмотреть как ты реализовал. Но что то не вышло, поэтому и решил задать вопрос) Хорошо сейчас попробую что нить сделать с clip path
RAX7, Дизайнер не то что не поменял мнение, а местами даже усложнил задачу xD, но вы мне сейчас настолько сильно помогли, что даже не знаю как отблагодарить. Потому что позиционирование линий относительно блока никогда не получалось идеально, все время пиксель там пиксель тут. А этот код пен что вы сейчас скинули, даже не могу представить откуда у вас такие знания и где вы этому научились, по любому в Хогвардсе ) Если у меня будут еще трудности можно вас приглашать как эксперта?
RAX7, Огромное спасибо, а если не сложно могли бы вы допилить пример, чтобы только линия моргала? Будет вообще идеально, а то я пока сам не знаю как это сделать