13
Логотип Opera без использования графики
Когда-то я уже показывал пример того, как в html можно делать изображения без использования изображений. Если точнее – то без использования тега img, все тени и блики «рисуются» средствами CSS. Единственное условие – чтобы все это увидеть, ваш браузер должен понимать CSS3, причем не только «привычные» атрибуты вроде border-radius, но и менее известные вроде gradient или color-stop.
Итак, смотрим на логотип браузера Opera. Можете отключить графику в браузере, чтобы убедиться что логотип не вставлен с помощью тега img или свойства background. Данный логотип я подсмотрел у Девида ДеСандро (David DeSandro), правда немного изменил его (у Девида стили указаны в шапке, а у меня прямо в коде – div style). Это сделано для того, чтобы удобнее было вставить логотип в блог.
Использовано всего девять блоков div+CSS3 – в этом легко убедиться просматривая исходный код страницы.
Вот скриншоты, как выглядит данный логотип в различных браузерах – честно говоря, из-за отображения его в internet explorer я хотел поначалу разместить данный пост в разделе «Юмор».
Popularity: 3%
Похожие статьи:
Рубрики: Opera | 
Комментариев нет »
Вы можете добавить ее в или следить за обновлениями через RSS
