Комментарии 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% и т.д.
Т.е. совпадение происходит только, если элемент является первым по счету и одновременно третьим с конца. Такой селектор не сработает, если детей 2 или 4, в общем, не 3.
Его вариант работает, если необходимо задать условия в случае только двух, только трех, только четырех и т.д чайлдов. Например, если необходимо чтобы «дети» делили ширину родителя, можно
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{стрелка}
Идея достаточно интересная и полезная, надо запомнить.
Работает примерно так: При помощи :before он стрелки создает там, где есть подменю
.nav li a:first-child:nth-last-child(2):before {стрелки}
а тут при наведении на LI, он находит в нем первую ссылку, и обращается ко второму элементу с конца. Эта наша созданная раньше стрелка, т.к. первый элемент с конца это список UL (подменю).
.nav > li:hover > a:first-child:nth-last-child(2):before{стрелка}
Идея достаточно интересная и полезная, надо запомнить.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
WOW CSS