Cтреловидные формы элементов с помощью CSS3

[Kaaboeld]

чем вам не нравиться более естественный и более кроссбраузерный вариант с бордерами? css-tricks.com/snippets/css/css-triangle/

[nabliker]

Бордеры как-раз используются в этом примере.

[Kaaboeld]

Я вижу, но много лишнего

[torbasow]

Более кроссбраузерный = рассчитанный на устаревшие браузеры. Не то, что это совсем плохо, но это печально.

А вот чем этот трюк более естественный? Он же требует лишних элементов.

[Kaaboeld]

«Более кроссбраузерный = рассчитанный на устаревшие браузеры» — это равенство далеко не всегда верно.
«естественный» так или иначе элементы присутствуют будь они «псевдо» или нет, «треугольники» представленные в примерах это все-таки не продолжение формы основного блока, а отдельные сущности на странице, от этого более явное их представление отдельными элементами и «естественный» — ИМХО.

[torbasow]

«Более кроссбраузерный = рассчитанный на устаревшие браузеры» — это равенство далеко не всегда верно.

Разумеется; я именно про данный случай. CSS-трансформации — это не какие-то выдумки отдельных браузеров.

«треугольники» представленные в примерах это все-таки не продолжение формы основного блока, а отдельные сущности на странице

Почему? Только потому, что мы привыкли не иметь косых сущностей на HTML-странице?

[Kotofey]

А можно сделать просто используя вот такую иллюзию )

[nabliker]

Тогда с помощью иллюзий можно и анимацию добавить :)

[123150]

«Неправильно», «итак», «чтобы» пишутся слитно. Исправьте, глаза режет

[nabliker]

Спасибо, исправил.

[torbasow]

…Тогда уж и «не правильные формы» исправьте.

[nabliker]

Исправил.

[evil_random]

Вы таким тоном это написали, что будь я автором возможно и послал бы.

[Mushtat]

Добавьте, пожалуйста, ссылку на оригинал статьи.

tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/

[Mushtat]

ой, я дурак :D

[nabliker]

Да ладно, бывает :)

[itspoma]

в последнее время с tympanus.net/ оч много постов постят на хабр, и забывают добавлять линк на «оригинал»…
тот же webmaster_by, как пример

[nabliker]

Ссылка на оригинал находится в подвале поста справа от соцкнопок.

[xbreaker]

Я тоже заметил, что в последнее время очень много народу перестало узнавать формат топиков-переводов и где у таких топиков расположена ссылка на оригинал (

[webmasters_by]

покажите где я не ставил ссылку на tympanus.net?
просто большинство не «читатели», а «песатели», не смотрят что в конце статьи стоит ссылка на оригинал и сразу же бегут писать коммент: а пачиму вы не поставили ссылку на источник?""

[webmasters_by]

т.е. не «большинство», к счастью, а «некоторые»,
но 1-2 человека обязательно в каждой статье «отметятся» этим.

[itspoma]

например, вот тут, вместо «Источник» стоит «Перевод».
«Источник» — это исходник «статьи», оригинал
«Перевод» — это получается что оригинал у вас на сайте лежит, а у них только перевод вашей статьи

вот еще тут нету вобще ссылки на оригинал.

хоть блог красивый и тематический (даже подписан на rss), но получается что без оригинальных и новых идей, а только с переводами существующих статей

[webmasters_by]

Поправил надпись на «Перевод статьи с tympanus.net/codrops», чтобы не возникало двусмысленности,

по поводу второй статьи, там не перевод, с сайта designshack.net я позаимствовал только идею падающего снега, в остальном там нет ничего общего, наверно, стоило об этом в статье упомянуть, и я пожалуй так и сделаю,

но по поводу «оч много постов постят на хабр, и забывают добавлять линк на «оригинал»», все статьи на хабре были опубликованы так как полагается публиковать перевод, с указанием автора и ссылки на источник.

[itspoma]

"позаимствовал только идею"?
да стоит только сравнить ваши стили и их css, и сразу стает все понятно…
даже коменты остались, только новые стили для body/container добавились…

для сравнения:
background-image: url('snow.png'), url('snow3.png'), url('snow2.png'); //webmasters_by
background-image: url('snowflake.png'), url('snowflake3.png'), url('snowflake2.png'); //designhack

[webmasters_by]

вы хоть статью то читали?

[fatal]

Второй пример мог стать отличным образцом правильного использования CSS свойства content, т.к. текст на подложке идёт чисто как оформление.