Оцените маленькую вёрстку

[DivMan]

Смотрю курс [Школа Программирования] HTML5 и CSS3. Современные средства Web-разработки. И там на 4 уроке дали домашнее задание, сверстать небольшую галерею.

 

Вот требования:

 

Галерея изображений в стиле полароид

1. Создать 9 изображений с подписью;

2. Изображения оформить в стиле фотографий «полароид» (в белой рамке, внизу белое поле, на белом поле подпись). Блок с изображением отбрасывает тень;

3. Придать небольшую хаотичность изображениям: повернуть на +/- 2-3 градуса, переместить на 2-5 пикселей влево-право, вверх, вниз (используя псевдо-класс :nth-child);

4. При наведении:

- изображение плавно увеличивается с переходом в 1.25-1.5 раза (и поворот пропадает);

- тень от блока становится немного более темной.

 

Вот что у меня получилось http://allnet.16mb.com/gal/

 

[DivMan]

ку ку

[SelenIT]

Как по мне, на вид всё очень симпатично, все требования выполнены, придраться можно разве что к жестко ограниченному количеству "хаотичных поворотов" (хоть в условии кол-во картинок и фиксировано, но мало ли. Можно еще добавить небольшой разброс transform-origin (это как раз даст небольшие "хаотические сдвиги"), причем "зациклить" его с шагом, некратным шагу зацикливания углов поворота (по "принципу цикады"). Еще можно по тому же принципу комбинировать повороты внешних и внутренних контейнеров.