Jak zrobić "zanikający" border

Question

Witam. Mam na stronie dwa formularze, które chciałbym rozdzielić linią. Kiedyś widziałem taki efekt, że jest div z ustawionym border-bottom na np. 1px, jednak ten border nie jest zwykłą prostą linią, taką samą na całej szerokości, ale zanika na krawędziach tego div'a. Jak w css'ie osiągnąć taki efekt?

Answer 1

http://codepen.io/thirdtiu/pen/MYWwOZ

Taki efekt to gradient możesz to zrobić za pomocą border'a albo zrobić osobnego diva z gradientem, może after/before jest wiele możliwości.

Comments

Dziękuję! O to mi chodziło :)