Как сделать кнопку «показать всё» с прозрачным фоном?

Question

[Magnus Keef]

Привет. На прикрепленном изображении есть кнопка "показать всё", под ней виднеется контент. Как реализовать данную идею?

И ещё один вопрос, как сделать черту на кнопкой?

по краям она сужаетя и светлеет (типа градиента что-то)

Answer 1

[Dnebl]

Прозрачный фон
background:transparent;
Черту над кнопкой через before/after + градиент
пример кнопки

Answer 2

[Ankhena]

1. Прозрачность:
- градиенты
- цвета в формате rgba

2. Наложение псевдоэлемента с фоновым градиентом на картинку https://jsfiddle.net/57caskbu/

3. С кнопкой тоже самое, пример у Dnebl

Answer 3

[Nikita-Fast]

https://codepen.io/topicstarter/pen/zJgZjg так вроде бы

Comments

[Magnus Keef]

Большое спасибо! Просто великолепно!