Как сделать плавно переходящий полу-прозрачный фон?

Question

[Денис Щетинин]

Подскажите пожалуйста, как можно сделать подобный фон с эффектами прозрачности по краям?

Answer 1

[0xD34F]

Градиент от прозрачного к < имя цвета > и обратно к прозрачному, например:

background: linear-gradient(to right, transparent 10%, red 30%, red 70%, transparent 90%);

Comments

[Денис Щетинин]

Большое спасибо!)
А можно примерно таким способом border оформить?
Что бы одна только линия имела такой эффект или проще отдельный высотой 1px сделать?

[0xD34F]

Посмотрите здесь, например.

[Денис Щетинин]

0xD34F: Все таки можно)
Еще раз, огромное спасибо!

Answer 2

[Андрей Федоров]

что-то типа того https://codepen.io/aliencash/pen/EvwOKY?editors=1100

Comments

[Денис Щетинин]

Профессионально) Благодарю :)

Answer 3

[Exploding]

Пользуюсь этим

Answer 4

[lukoie]

лень править, там все кросс-костыли найдете, просто под свою задачу поправьте:
jsfiddle.net/luissanchezm86/4Kwb4