Dartess

Нельзя.
Можно создать новое изображение поверх и анимировать его opacity. Будет эффект проявления.

UPD: codepen.io/dartess/pen/dXZmRr можно одним псевдиком и без calc();

Если особо не думать, можно сделать так:

Где есть .wrapper, контент находится в __inner (розовое) с белым фоном, а справа декоративный фон из ::before (зеленое) с высотой calc(100% - высота треугольника) и из ::after (голубое) с width: 0; height: 0; border-top: Высотаpx solid #fff; border-right: Высотаpx solid transparent;

Если надумаю чего аккуратнее, дополню

Шел 2016 год, дизайнеры продолжали издеваться над верстальщиками.
chikuyonok.ru/2010/01/uniform-text-background

Никогда НЕ используйте ссылки для чего-либо, кроме перехода по ссылке, и уж тем более НЕ используйте onclick="return false". Не нарушайте семантику верстки. Ссылка должна ссылаться. А экшн на открытие модалки можно повесить на любой элемент - будь то span или div, а ещё лучше - button. Расположение button вне form является вполне валидным, комментарий выше неверен. Использование button даст ещё одно преимущество - нативное переключение на кнопку по tab.

habrahabr.ru/post/129262 вот на выбор набор редакторов. Можешь подобрать подходящий.