WOW CSS

[Pasa]

Благодарю, полезный материал

[mmib]

CSS Dashed Shadow — красотень!

[Shultc]

Радуют геометрически правильные логотипы которые можно воссоздать на CSS

А могут быть логотипы, которые невозможно воссоздать на CSS? Приведите пример, пожалуйста. Заинтриговали.

[ilusha_sergeevich]

Хабр?

По пикселям можно отрисовать что угодно (в подборке есть Джаконда), но это же не так интересно.

[Shultc]

Не селён в CSS (я о нём лишь слышал) но онлайн-тула предложила решение: jsfiddle.net/a2Q7L/
Кажись тут вообще всё какой-то таблицей сделано… Но в любом случае, к чему я это всё: «можно» и «легко » — не синонимы.

[barney]

Логотип Evernote назвать геометрически правильным… Это как, поясните пожалуйста.

[VolCh]

Состоит из простых геометрических фигур, без кривых, описываемых уравнениями десятого порядка.

[Shultc]

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

[barney]

Прямоугольник с закругленными краями — элементарная геометрическая фигура у вас? Образование, я так понимаю, гуманитарное имеете.

[magic4x]

Что-то вроде: чтобы сделать раскрывающуюся менюшку. Если <a> не единственный чайлд, т.е. есть еще и <ul>, то бла-бла-бла.
Сомнительная фишка, или я тоже не понимаю:

li > a {color: green}
li > a:only-child {color: red}

[magic4x]

Не успел дополнить.
Его вариант работает, если необходимо задать условия в случае только двух, только трех, только четырех и т.д чайлдов. Например, если необходимо чтобы «дети» делили ширину родителя, можно не выпендриваться и использовать таблицу задать поведение: 2 элемента по 50%, три по 33% и т.д.

li:nth-child(1):nth-last-child(3),
li:nth-child(2):nth-last-child(2),
li:nth-child(3):nth-last-child(1) {
	width: 33.3333%;
}

Т.е. совпадение происходит только, если элемент является первым по счету и одновременно третьим с конца. Такой селектор не сработает, если детей 2 или 4, в общем, не 3.

[pion2er]

Фишка в том, чтобы можно было добавить CSS стрелочки к пунктам меню, в которых есть подменю и подсвечивать и менять их положение (открыто/закрыто) при наведении используя CSS. Эти селекторы как раз и помогают решить эту задачу.

Работает примерно так: При помощи :before он стрелки создает там, где есть подменю
.nav li a:first-child:nth-last-child(2):before {стрелки}

а тут при наведении на LI, он находит в нем первую ссылку, и обращается ко второму элементу с конца. Эта наша созданная раньше стрелка, т.к. первый элемент с конца это список UL (подменю).
.nav > li:hover > a:first-child:nth-last-child(2):before{стрелка}

Идея достаточно интересная и полезная, надо запомнить.