Как стилизировать «кнопку» для блока который «выезжает» снизу?

Question

Artem Zelenskiy @artzelenskiy

Кто здесь?

Как стилизировать «кнопку» для блока который «выезжает» снизу?

Доброго времени суток! Есть "кнопка" при нажатии на которую снизу страницы выезжает блок и так же по нажатию прячется. Может кто подскажет где посмотреть примеры стилизации подобной "кнопки".
Заранее благодарен.

Вопрос задан более трёх лет назад
392 просмотра

4 комментария

Подписаться 1 Простой 4 комментария

Павел Антонов @freislot

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

Написано более трёх лет назад
Ankhena @Ankhena Куратор тега CSS

Такое ощущение, что под словом "стилизация" вы имеете в виду что-то свое. Либо нужно в теги вопроса добавить что-то из дизайна.

Уточните, что именно вы не можете сделать.

Написано более трёх лет назад
Artem Zelenskiy @artzelenskiy Автор вопроса
Павел Антонов, к "кнопке" прикручен скрипт
$(".open_b_p").on("click",function(){$(".wrapper").toggleClass("active_b")});

Она просто "двигает" < div>
Написано более трёх лет назад
Олег @politon

Павел Антонов, Пасхалка https://jsfiddle.net/hec6h1f3/1/

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

4 комментария

Олег @politon

Чел же просил снизу https://jsfiddle.net/hec6h1f3/1/

Написано более трёх лет назад
Artem Zelenskiy @artzelenskiy Автор вопроса

Ахаха, норм)

Написано более трёх лет назад
Artem Zelenskiy @artzelenskiy Автор вопроса
Олег, сама реализация готова у меня, прикрутил такой скрипт
$(".open_b_p").on("click",function(){$(".cam_preview_body").toggleClass("active")});

меня сама стилизация такой "кнопки" интересует и эта "кнопка" не < button> по этому и в скобочках пишу
Написано более трёх лет назад
Алексей Скляров @0example

Artem Zelenskiy, а в чем сложность стилизации? такая же как и для обычных блоков: задали фон, высоту, ширину и тд.

Написано более трёх лет назад

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

HTML

Простой
Не получается поставить поисковую строку справа, что сделать чтобы исправить?
- 1 подписчик
- 6 минут назад
- 7 просмотров
0

ответов
HTML

Простой
С чем может быть связано не правильный вывод изображений?
- 1 подписчик
- 3 часа назад
- 68 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- 6 часов назад
- 88 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- 7 часов назад
- 47 просмотров
1

ответ
HTML

+1 ещё

Простой
Как Выделить слово приходящая из базы определенным цветом?
- 1 подписчик
- 8 часов назад
- 125 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- 11 часов назад
- 96 просмотров
2

ответа
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- вчера
- 55 просмотров
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- вчера
- 59 просмотров
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 51 просмотр
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- вчера
- 39 просмотров
1

ответ
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Завершение разработки проекта на CS2

25 апр. 2024, в 20:02

100000 руб./за проект

Требуется завершить backend (проектная работа)

25 апр. 2024, в 19:42

49000 руб./за проект

Проверить тест по Data Science

25 апр. 2024, в 19:41

2000 руб./за проект

а контекст у этой кнопки какой? обратный звонок? форма какая-то? или рекламный баннер? вопрос надо уточнить
Такое ощущение, что под словом "стилизация" вы имеете в виду что-то свое. Либо нужно в теги вопроса добавить что-то из дизайна.

Уточните, что именно вы не можете сделать.
Павел Антонов, к "кнопке" прикручен скрипт
$(".open_b_p").on("click",function(){$(".wrapper").toggleClass("active_b")});

Она просто "двигает" < div>
Павел Антонов, Пасхалка https://jsfiddle.net/hec6h1f3/1/

Answer 1 · 2017-11-28 17:07:02

Алексей Скляров @0example

Ничего сложного, но нужен JS (+ jquery)
https://jsfiddle.net/hec6h1f3/

Ответ написан более трёх лет назад

4 комментария

Как стилизировать «кнопку» для блока который «выезжает» снизу?

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

Минуточку внимания

Войдите на сайт