smartZone

Скруглы — border-radius inset для картинок

Скруглы — border-radius inset для картинок

Некоторое время назад появилась задача для дизайнера сделать стилизованный под дикий запад сайт. Мне, как верстальщику, пришла задача от дизайнера сделать картинки и некоторые бэкграунды, стилизованные под дикозападские вывески.

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

Т.е. нужно было использовать border-radius:inset, которого, как оказалось, не существует…

Нарезать кучу картинок под каждую страницу и случай, само-собой, нереально и бессмысленно.

Заказчик не был одним из «адептов explorer 6», поэтому я решил упростить себе жизнь связкой jQuery и HTML5. 

Источник: Уроки CSS на Хабрахабре