Как сделать вертикальную линию с градиентом в CSS?

а девелопером (Developer Tools) что, не умеете пользоваться, это же Элементарно Ватсон (с), смотрите код того что понравилось на любом сайте и переносите в свой css со своими фантазиями

правая кнопа крысы 🚬

smurf, обведенное на скрине выполнено картинкой...

Лучше бы вы вместо картинки, адрес страницы указали чтобы можно было код посмотреть по быстрому и сказать как ;)

Но если легких путей не ищем, то можно попробовать вот так... текст и картинки в два разных блока. Потом для блока с текстом пишите стиль с градиентом CSS..

Как-то так вот, наверное )...

<style>

.Блок с текстом {

border-left: 10px solid transparent;

-moz-border-image: -moz-linear-gradient(top left, #DC2903 , #F4F955, #0625F9);

-webkit-border-image: -webkit-linear-gradient(top left, #DC2903 , #F4F955, #0625F9);

border-image: linear-gradient(to bottom right, #DC2903 , #F4F955, #0625F9);

border-image-slice: 1;

}

</style>

<div class="Блок с картинками">Картинки</div>

<div class="Блок с текстом">Текст про стоматологию</div>

Цвета там не такие, первые попавшиеся нагуглил)

Вот что получилось на скорую руку ... ссылка на скрин http://prntscr.com/ppt5s2

Да хоть видео. Возьмите, да посмотрите, как оно реализовано.

ладно, пока кофе пью, можно поликбезничать :)

Для самого простого линейного градиента достаточно задать начальный и конечный цвета. Направление градиента, по умолчанию, сверху вниз.

Направление градиента можно задать ключевыми словами:

to left top, to top, to right top, to left, to right, to left bottom, to bottom (по умолчанию), to right bottom.

div {

width: 20px;

height: 600px;

background: linear-gradient(to top right, #def, #7ac);

}

дальше думаю сообразите, если немного дружите с css,

ТС и говорит что там реализовано КАРТИНКОЙ.

Вот этой

А он хочет сделать также, но с пом. css

Да я уже потом это понял, так-то картинка тоже стилизуется, но я не сразу въехал, что он хочет без картинки обойтись.

отдельный блок делай для линии и все.

либо не делай вообще, так как толку от него никакого и смотрится не очень