Web notes

Понадобилось мне немного повернуть картинку, и я нашел чудесное решение с помощью плагина на javascript  instant.js

Для начала подключаем сам plugin:

 <script type="text/javascript" src="instant.js"></script>

А дальше используем его как класс в картинках, например:

Чтобы получить такую картинку (рис.1), задаем класс class="instant icolorA9E5A9 historical", где instant – сам плагин, icolorA9E5A9 – цвет рамки, historical – стиль рамки.

рис.1

Для такой вот картинки (рис.2) будет так: class="instant ishadow80", ishadow80 – степень прозрачности тени.

рис.2

Чтобы закруглить углы (рис.3), пишем следующее: class="instant nocorner", где nocorner – закруглить углы картинки.

рис.3

А вот что будет (рис.4), если вызвать только instant.

рис.4

Размер такого плагина 25 КБ, но как картинку обрабатывает заметно…

Вот пример повернутых картинок с закругленными рамками.

Скачать плагин можно на оф.сайте или тут.