Привет, есть вот такой дизайн, как ето сверстать не могу понять, подскажите пожалуйста. А именно не получается:
1) инвертировать цвет текста на той половине, у которой background: transparent; (вообще у карточки такой background: левые 50% transparent, правые 50% white), если левая половина будет, например, не прозрачная, а черная, то все работает (см. .jpg №2)
2) Не знаю как лучше сделать так, чтобы правая сторона, которая закрашена белым, закрывала border элемента ниже...
Вот ссылка на codepen:
https://codepen.io/BogdanovB/pen/NWGRrPV?editors=1100