Оформление изображений на CSS3. Часть 2

[psywalker]

Ну что ж поделать, сейчас это актуально, а для молодёжи это как горячие пирожки :)

[vanxant]

jQuery там нафиг не нужен, прекрасно и без него работает.
Оберток не куча, вполне подойдет любой внешний элемент, скажем <a>
Ну это так, технические детали реализации.

[Isis]

Отпишитесь от блога если вам не интересно.

[helloilya]

Метод в статье используется именно на практике и именно в том виде, в котором о нем рассказано. Не нужно экспериментировать, нужно применять!

[cubuanic]

Не понимаю, как у вашего коммента набралось (на текущий момент) "+5" — ведь как минимум 362 человека добавили статью в избранное, и таким образом, с вами не согласны.

[cubuanic]

Так чего вы тут распинаетесь? Создайте новый, качественный материал, который не будет «забивать головы». Уверен, все будут только рады такому топику. Ну если не все, то 379 человек — точно :)

[Rive]

Выглядит симпатично, но напрягает то, что без js оно таким не будет.

[winbackgo]

Js тут лишний, ничего не мешает сделать так: jsfiddle.net/gz3w5/

[helloilya]

Можно обойтись и без jQuery, но с ним все же лучше, на мой взгляд. В данном случае его используют для того, чтобы не создавать лишних элементов в html-разметке (в ней только картинки) и сделать ее более «чистой».

[winbackgo]

Весьма спорно. При наличии большого кол-ва картинок js может изрядно тормозить загрузку страницы. Я бы не стал такое применять в продакшене.
Кстати, в моем примере пустой span необязателен, можно использовать и свойство :after.

[vanxant]

картинки редко плавают сами по себе, обычно это ссылки или флоат-div-ы. Спан здесь просто для демонстрации.

[winbackgo]

Ну понятно что тэг может быть любой (точнее тот что больше подходит в конкретном случае).

[no1]

style="width: auto;"

Забыли добавить border:none и font-weight:normal.

[Jman]

Неправильно font-weight:inherit;

[no1]

www.w3.org/wiki/CSS/Properties/font-weight

Initial value: normal

[Jman]

Реальность со спекой расходится. Если сделать body font-weight:600; что будет совсеми вложеными в него элементами?

[no1]

Иногда лучше читать.

www.w3.org/TR/CSS21/propidx.html

[WaveCut]

Может я чего-то недопонимаю, но что мешает обернуть в див с неполной шириной, border-radius и overflow:hiden?

[WaveCut]

должен был помогать, если обертка блочная.