В моята статия за създаването на "нагоре" бутон, аз съм често ме помоли да даде линк към снимката със стрелка.

Предлагам да се използва или HTML-образувание ▲ (Резултатът е този тук стрелка ▲), или да предложи да прочетете повече за CSS граница на имота.

В резултат на това аз реших да напиша една статия с трикове, които могат да се превърнат с помощта на границата на имота и гранично-радиуса.

Всички примери в статията (с изключение на тази снимка) са написани на CSS, така че лесно можете да видите изходния код.

границата

Първо, нека да се разбере какво е способен изобщо граница. изключвам очертае границата на няколко пиксела около елемента.

1. триъгълник (стрелка)

Може би сте забелязали, че този пост е маркиран с етикет "Ускоряване на сайта", на въпроса - защо? Отговорът се крие във факта, че обикновено, за да се създаде стрелец на уеб администратора на сайта с помощта на снимки, по-опитен, използвайки спрайтове или ikonochnye шрифтове.

Но в Runet досега най-често срещаната това е опцията, която използва отделна картинка за всяка ръка и всеки интерфейс елемент и всяка снимка - това е отделна HTTP заявка, което означава по-малко, за да изтеглите скорост на сайта. Колкото по-малка от тези искания, толкова по-висока скорост на зареждане. Ето защо създаването на ръцете и индексите по-ефективно използване на CSS (за първи път забелязах това парче в Google).

Сега нека разгледаме един пример.