Как стать автором
Обновить

Комментарии 14

Благодарю, полезный материал
CSS Dashed Shadow — красотень!
Радуют геометрически правильные логотипы которые можно воссоздать на CSS

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

По пикселям можно отрисовать что угодно (в подборке есть Джаконда), но это же не так интересно.
Не селён в CSS (я о нём лишь слышал) но онлайн-тула предложила решение: jsfiddle.net/a2Q7L/
Кажись тут вообще всё какой-то таблицей сделано… Но в любом случае, к чему я это всё: «можно» и «легко » — не синонимы.
НЛО прилетело и опубликовало эту надпись здесь
Логотип Evernote назвать геометрически правильным… Это как, поясните пожалуйста.
Состоит из простых геометрических фигур, без кривых, описываемых уравнениями десятого порядка.
А разве любую кривую, описываемую уравнением десятого порядка, нельзя составить из простых геометрических фигур?
Прямоугольник с закругленными краями — элементарная геометрическая фигура у вас? Образование, я так понимаю, гуманитарное имеете.
НЛО прилетело и опубликовало эту надпись здесь
Что-то вроде: чтобы сделать раскрывающуюся менюшку. Если <a> не единственный чайлд, т.е. есть еще и <ul>, то бла-бла-бла.
Сомнительная фишка, или я тоже не понимаю:
li > a {color: green}
li > a:only-child {color: red}
Не успел дополнить.
Его вариант работает, если необходимо задать условия в случае только двух, только трех, только четырех и т.д чайлдов. Например, если необходимо чтобы «дети» делили ширину родителя, можно не выпендриваться и использовать таблицу задать поведение: 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.
Фишка в том, чтобы можно было добавить 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{стрелка}

Идея достаточно интересная и полезная, надо запомнить.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории