Колись я вже показував приклад того, як в html можна робити зображення без використання зображень. Якщо точніше – то без використання тегу img, всі тіні і відблиски “малюються” засобами CSS. Єдина умова – щоб усе це побачити, ваш браузер має розуміти CSS3, причому не тільки “звичні” атрибути на кшталт border-radius, але й менш відомі на кшталт gradient або color-stop.

Отже, дивимося на логотип браузера Opera. Можете відключити графіку в браузері, щоб переконатися що логотип не вставлений за допомогою тега img або властивості background. Даний логотип я піддивився у евіда ДеСандро (David DeSandro), щоправда трохи змінив його (у Девіда стилі вказані в шапці , а у мене прямо в коді – div style). Це зроблено для того, щоб зручніше було вставити логотип у блог.

Використано всього дев’ять блоків div+CSS3 – в цьому легко переконатися, переглядаючи вихідний код сторінки.

А ось скріншоти, як виглядає даний логотип у різних браузерах – чесно кажучи, через дуже смішне відображення його в internet explorer я хотів спочатку розмістити даний пост в розділі “Гумор”.

Popularity: 2%

Популярні статті:

• Накипіло або трохи про спам
• Opera 10 – вмикаємо “турбо”
• Методика тестування
• Блокування pop-up своїми силами
• Гуглізація

Залишити коментар