Как да направите стрелка надолу на CSS, forwww - блог за разработчици, 1C-Битрикс и WordPress
Обърнете добър поглед върху кода, трябва да се види тук - родителското устройство ние се позиция: относителна и най-псевдо-елемент. след - абсолютно позициониране. Важно е също така да се създаде празен съдържание и посочете цвят RGBA, не забравяйте, на четвъртия параметър е отговорен за прозрачността на (валидни стойности са 0-1, например, 0.5 и т.н.) и да зададете ширината на рамката (границата) и също тире отляво, само отрицателно.
Между другото, знаете ли, че разликата между: след на :: след това. Оказва се, нищо, просто с някои актуализации CSS3 с още един на дебелото черво, така че, когато пишете: след като браузърът автоматично го добавя ":" и да получите резултат. след (проверете в faerbage, Mozilla). Най-вероятно това е направено за удобство на, да се подчертае колко псевдо-елементи от обикновените "държави", като например: фокус. активен. висене.
Как да си направим стрелката на CSS с помощта на трансформиращия
Нещо, което ще започнем да използваме втория метод:
Без много лирични въведение, HTML:
Тази опция, тъй като за мен, много лошо. Виж каква форма се една педя елемент (в faerbage, например) - като диамант или квадратна обърнати 🙂. И това е една от малкото възможности за използване на трансформация.
Ето начина за създаване на стрелец сте научили днес. Ако искате, има една онлайн генератор, който ще ви спести една планина от време:
cssarrowplease.com
Аз предоставяне на услуга за създаване на проекти в CMS 1C-Битрикс - уеб сайтове, шаблони и компоненти от нулата.