Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.64/25: Рейтинг темы: голосов - 25, средняя оценка - 4.64
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
1

Стрелка средствами CSS

04.01.2017, 22:46. Показов 4583. Ответов 9
Метки нет (Все метки)

Здравствуйте. Подскажите, как сделать подобную стрелку средствами CSS (Я так понимаю, через before и after)?
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Миниатюры
Стрелка средствами CSS  
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.01.2017, 22:46
Ответы с готовыми решениями:

Стрелка на css
Доброго времени суток. Нашел онлайн генератор блока со стрелкой. http://cssarrowplease.com/ Дает...

Треугольник средствами CSS
как такое сделать? )

Опрос средствами HTML, CSS и JS
Всем добрый вечер. По практике в универе пишу сайт и дошел до такого задания: Создать...

Ниспадающее меню средствами CSS.
вторую неделю бьюсь над ниспадающим меню!помогите пожалуйста! цель: при наведении на пункт...

9
Модератор
Эксперт JSЭксперт HTML/CSS
3614 / 2530 / 1489
Регистрация: 12.07.2015
Сообщений: 6,483
Записей в блоге: 4
04.01.2017, 23:47 2
Если в этом шрифте стрелка подходящая, то через after, если стрелку рисовать надо, тогда линиями через before и after.
1
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
04.01.2017, 23:49  [ТС] 3
Вот линиями и хотел узнать, как сделать)
0
21 / 21 / 16
Регистрация: 06.05.2016
Сообщений: 253
04.01.2017, 23:51 4
.block:after{
content: ">";
margin-left: 20px;
}
1
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
05.01.2017, 00:11  [ТС] 5
Не, просто стрелкой не подходит. Нужно именно вырисовать)
0
Модератор
Эксперт JSЭксперт HTML/CSS
3614 / 2530 / 1489
Регистрация: 12.07.2015
Сообщений: 6,483
Записей в блоге: 4
05.01.2017, 00:33 6
Лучший ответ Сообщение было отмечено Dmitrin как решение

Решение

Dmitrin, how-to-make-a-fancy-arrow-using-css
3
35 / 36 / 23
Регистрация: 31.05.2014
Сообщений: 131
05.01.2017, 00:37 7
А не проще нарисовать в фотошопе и вставить в блок через :after? чем извращаться и строить их путем линий и позиционирования?
0
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
05.01.2017, 00:41  [ТС] 8
thedude, Проблема в том, что текст может быть разного текста. И нужно, чтобы без проблем можно было менять цвет стрелки
0
35 / 36 / 23
Регистрация: 31.05.2014
Сообщений: 131
05.01.2017, 00:45 9
Извиняюсь, не подумал что то
0
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
05.01.2017, 00:45  [ТС] 10
mrtoxas, Отлично, то, что нужно)) Спасибо)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
05.01.2017, 00:45

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Размытие Blur средствами CSS
Помогите создать следующий эффект размытия: Есть блок с картинкой. На него накладывается...

Реализовать календарь средствами CSS
Здравствуйете Необходимо реализвовать вот такой календарь средствами CSS Как лучше сделать? В...

Реализация лампочки средствами CSS
Здравствуйте. Нужно создать несколько лампочек. Есть код. <html> <head> <style> .lamp-on { ...

Разделительная линия средствами css
Задался вопросом. Хочу поставить линию как <hr> после каждой статьи, что бы их отделить. Конечно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.