Иконки в стиле web 2.0

Сегодня я научу Вас делать иконки в стиле web 2.0 без помощи photoshop или любого другого редактора…Мы будем делать эффект глянца с помощью JavaScript, а именно “glossy.js”. Сейчас все увидите… У нас получится примерно так:

Шаг 1.
Скачаем и подключим к нашему документу скрипт glossy.js

<script type=”text/javascript” src=”glossy.js”></script>

Шаг 2.
Подготовим изображения, к которым мы хотим применить эффект.

Шаг 3.
Вставим изображения и придадим им класс “glossy iradius50″

<img src=”4.jpg” width=”100″ height=”100″ class=”glossy iradius50″/>

iradius – это радиус закругления углов картинки, можете подставить другие значения… Таким образом, мы добились эффекта web 2.0.
Пока!

Источник: ruseller.com

Похожие статьи:

• Темно-оранжевый логотип в стиле web 2.0

Предыдущие посты:

• Naruto Shippuuden 103-104 с русской озвучкой
• Печальная история любви
• Что такое sitemap и с чем его едят?
• Опросы на блоге
• ГРУППА «БИС»