4.05.13, 16:44
0 комментарий
  Уроки

Создание эффекта скругления углов изображения при помощи JavaScript

В этом уроке будет рассказано о том как придавать изображениям эффект скругления углов + наложение градиента + эффект отбрасывания тени, без использования программ растровой графики, например таких как Photoshop.

Принцип работы скрипта заключается в том что он заменяет тег с изображением на другой и добавляет к нему эффекты.

Создание эффекта скругления углов изображения при помощи JavaScript


Для подключения эффекта нужно подгрузить файл javascript glossy.js и назначить класс изображению glossy:
<img src="les.jpg" class="glossy" />


Закругление углов изображения можно регулировать назначив ещё один класс iradius со значением степени округления в цифрах от 20 до 50 по умолчанию значение 25.

Создание эффекта скругления углов изображения при помощи JavaScript

<img src="les.jpg" class="glossy iradius50" />


Существует класс который запрещает отображать тень noshadow

Создание эффекта скругления углов изображения при помощи JavaScript

<img src="les.jpg" class="glossy noshadow" />


Исходники можно посмотреть в архиве...

СКАЧАТЬ

Вес файла
11.42 Kb

Напишите своё мнение