Задать вопрос
SecurityYourFingers
@SecurityYourFingers
I make other things, but i know that without your
javascript

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

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

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

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

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

3. С кнопкой тоже самое, пример у Dnebl
Ответ написан
Комментировать
Комментировать
Nikita-Fast
@Nikita-Fast
SVGшник и леплю что попало
https://codepen.io/topicstarter/pen/zJgZjg так вроде бы
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы