SecurityYourFingers
@SecurityYourFingers
I make other things, but i know that without your

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

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

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

по краям она сужаетя и светлеет (типа градиента что-то)
  • Вопрос задан
  • 425 просмотров
Решения вопроса 3
Dnebl
@Dnebl
Прозрачный фон
background:transparent;
Черту над кнопкой через before/after + градиент
пример кнопки
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
1. Прозрачность:
- градиенты
- цвета в формате rgba

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

3. С кнопкой тоже самое, пример у Dnebl
Ответ написан
Nikita-Fast
@Nikita-Fast
SVGшник и леплю что попало
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы