Плавный переход - Вопросы по CSS

Люди делаю впервые landing page хочу сделать переходы между дивами как тут http://lpgenerator.ru/store/preview/546/
на сайте топсамогон.рф. на сайте примере видно что это картинка но там однотонный вариант. Может как-то можно сделать вырез в диве или стоит тоже сделать картинку?

Что за плавный переход?

Ну т.е. идут полосы блоков как у меня параллельно а на сайте примере переходы между полосами идут с помощью картинки(вставляется треугольник) и получается красивый переход от одной полосы с текстом к другой(а не просто полосы). Вот я и думаю как это можно сделать использую только css(без лишних картинок).

На примере как раз таки картинками сделано .