@holymotion

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

Ребят, подскажите, как сделать кнопку без всяких png. А то вот так, уж сильно глаза бьёт, хочется всё-таки без картинок: . Такие стрелки вообще возможно сделать
на CSS и палочку?d38ad64eeb604fe7b50fbb36f8f939f6.PNG Хочу вывезти на .
  • Вопрос задан
  • 2397 просмотров
Решения вопроса 2
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
jsfiddle.net/814pqa66
Вот так можно стрелочки делать
Ответ написан
Комментировать
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 '|'
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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