В прошлой статье я поделился фокусом самого лёгкого способа закругления углов, который только существует на сегодняшний день. Без всяких фотошопов и прописных кодовых картинок. Сегодня я поделюсь еще несколькими интересными фокусами с картинками, которые позволяют внести на сайт заметное оживление, не прибегая к сложным трюкам.
Итак, первый фокус назовём "Поляройд". Кто не знает, это фотоаппарат есть такой, очень модный он был в своё время. Хоть качество было и неахти, но зато пять секунд и готово! Примерно тот же фокус будет и у нас, за пять секунд наши стандартно горизонтально-вертикальные фотки запляшут под углом, который мы захотим, вернее который мы им зададим! Так же можно придать им вид истинно поляройдного формата, добавив поля по краям, а можно и вообще сделать из них ретро раритет... но хватит писанины, как говорится лучше один раз увидеть!
Пример 1. Ретро стиль
Пример 2. Скругленные края
Пример 3. Фото-поляройд повернут влево
Пример 4. Фото-поляройд повернут вправо
Пример 5. Фон рамки паспорту можно менять
Вот такой фокус. Только ловкость рук и никакого мошенничества. Никаких тебе манипуляций в фотошопе с поворотами и тенями, всё просто и гениально. Как и сам фокус. Секрет его, как и в случае с закруглением углов, заключен в javaскрипте, который просто вставляется в тело сайта, а картинке только и остается, что добавить class. Класс, не правда ли? ))
Скачать скрипт можно здесь. На сегодня всё. Но у меня еще есть секретик в рукаве. Продолжение следует...
Всем дизайнерам и мастерам удачи и творческого вдохновения!
Make4you
Дежурка
Сервисы Ucoz
