Значки для листания фотографий

Влад Мержевич

Тема: CSS3 тень
Attachment Size
river.jpg (47.76 KB) 47.76 KB

Добавьте круглые значки поверх фотографии размером 600х380 пикселов, как показано на рис. 1. Значки должны располагаться по центру на расстоянии 16px от нижнего края. При наведении на значок курсор мыши превращается в «руку».

Фотография со значками для листания

Рис. 1. Фотография со значками для листания

Один из значков показывает текущую фотографию, он выделяется красным цветом и свечением, для него курсор мыши принимает значение по умолчанию.

Код должен корректно работать в браузерах IE9+, Firefox 5+, Chrome 12+, Opera 11+. Для IE8 важно сохранить функциональность, оформление может сильно отличаться.

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.