@holymotion

Как создать такую кнопку на CSS?

Ребят, подскажите, как сделать кнопку без всяких png. А то вот так, уж сильно глаза бьёт, хочется всё-таки без картинок: . Такие стрелки вообще возможно сделать
на CSS и палочку?d38ad64eeb604fe7b50fbb36f8f939f6.PNG Хочу вывезти на .
  • Вопрос задан
  • 2381 просмотр
Решения вопроса 2
RadiationX
@RadiationX
Front-End разработчик
cssdeck.com/labs/a6gmefhy

В общем как-то так. Не совсем совпадает с картинкой, но думаю если этот вариант устроит, то дальше настроите под себя.
Чтоб изменить размер кнопки, достаточно просто прописать в button свойство font-size.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
пожалейте компьютеры пользователей, сделайте png (можно только стрелку и палку).

ну а так - извращения с псевдоэлементами (::before) и box-shadow. Градиенты там и прочее не должны вызвать затруднений. Пытаться сделать на css эту стрелку можно, но будет куча ненужных дополнительных элементов и в пустую будете тратить вычислительную мощность пользователя, а они от этого вряд-ли обрадуются.
Ответ написан
talgautb
@talgautb
front-end developer
можно заюзать 2 псевдоэлемента с content '>' разных размеров и палочку через content '|'
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
06 апр. 2020, в 14:44
5000 руб./за проект
06 апр. 2020, в 14:14
10000 руб./за проект
06 апр. 2020, в 14:11
500 руб./в час