Данное решение использует символы в .
При использовании Firefox, значение CSS “transparent” может оказаться непрозрачным, особенно на диагональных рамках.
Нужно помнить, что IE6 не поддерживает прозрачные рамки.
Данная техника использует рамки, поэтому нельзя использовать тени, градиенты и другие прелести СSS3.
Данный метод кросс-браузерный.
Легко изменять цвет и размер с помощью значений свойств CSS.
Данный метод очень популярен при создании подсказок и выпадающих меню. Вместе с первым методом они очень подходят для работы с небольшими треугольниками.
Старые браузеры (такие как IE6/IE7) не поддерживают данный тип кодировки.
Для больших изображений размер строки может быть огромным.
Нужно уметь пользоваться инструментом на подобие Photoshop/Gimp для редактирования изображения.
Можно сделать любой дизайн с помощью теней, градиентов и рамок. А потом просто закодировать изображение.
Полезные инструменты:
Подготовленное изображение треугольника лучше всего конвертировать в строку, чтобы сократить количество запросов HTTP.
Закодированное изображение
Существуют различные методы для построения треугольников и в данном уроке мы рассмотрим их.
Треугольники встречаются в веб дизайне на каждом шагу: при оформлении подсказок, меню, различных элементов интерфейса и даже для формирования индикаторов загрузки. Нравится кому-то или нет данный факт, но треугольник стал важной частью при построении взаимосвязей между различными частями интерфейса пользователя в единое целое.
6 методов создания треугольников
6 методов создания треугольников
Частная коллекция качественных материалов для тех, кто делает сайты
6 методов создания треугольников
Комментариев нет:
Отправить комментарий