Как элемент с position absolute расположить ниже блока с текстом?
добрый день. почему у меня зеленый элемент выше блока с текстом? хотя элементам задан z-index.
нужно что бы зеленый элемент был ниже блока .card__wrap и не перекрывал его
Никита, оригинально. В вашей песочнице псевдо даже не в ту сторону повернут и сам дочерний не поставлен куда надо.
Можно начать так: https://codepen.io/AnnaSummer/pen/LYdGoxP
Дальше вам потребуется js и немножко тригонометрии, чтобы сдвинуть псевдо с градиентом к нужному углу.
Удобно через кастомные свойства.
Альтернатива: нарисовать градиентный фон для родителя, а поверх него дорисовать тоже градиентом черные куски. Можно совместить с псевдо.
Простой
