Всем доброго времени суток!
Данную тему предлагаю наполнять собственными интересными разработками. Будь то какой-то интересный элемент сайта - некая фишка, забавная анимация, какая-то задумка, идея или что-то в этом роде.
Так же прошу придерживаться общего формата - присылайте ссылки на популярные “Песочницы” с Вашими работами, а именно:
Так же предлагаю критиковать созданные ништяки.
Могу предположить что будет 
Я, пожалуй, начну 
Воодушевленный курсом HTMLAcademy про анимацию попробовал придумать что-то своё.
И вот что из этого вышло - FLAT Pacman.
Прошу критикуйте и предлагаейте что еще можно сделать (не прибегая к скриптам).
Решил немного почистить ваш код, подрефакторил, убрал лишнее.
Вот форк (cssdeck что-то плохо работает сегодня, поэтому задублировал на codepen).
Ещё можно продолжить мульт: сделать так, чтоб пакман выезжал из-за левого края и уходил в правый, и добавить приведений, чтоб они за ним следовали =)
[quote=“juwain, post:3, topic:1705”]
cssdeck что-то плохо работает сегодня
[/quote]да, что-то подглючивает(
а что исправили именно? я смотрю - первые 2 шарика исчезают с запозданием)
Ага, там подправить задержки нужно немного. А главная правка — то, что можно пакману назначить animation-timing-function: linear; и в кейфремах не прописывать каждый процент его движения, а оставить только 100%. И он будет двигаться ровно, по мере исчезновения точек =)
Ну и к другим анимациям это относится.
Я изначально так и делал.Видимо моя ошибка в том что указывал from и to. а надо было только to. Спасибо)
У меня была идея что pacman окрашивает в цвет съеденной пилюли) но получался дикий бред. Подумаю еще, не было бы работы) сидел бы и ковырял
Ага, у самого то же самое ) Постите, если будете дорабатывать, интересно )
Особенно в конце, когда руку и ноги оторвало)))
Надо ещё мину дорисовать в конце экрана и будет чёрный юмор =)
Бага в движке Хрома =)
https://code.google.com/p/chromium/issues/detail?id=157218
Вот тут пару walkaround-ов написал для этого бага. Не вдавался в подробности, но это связано с хардварной оптимизацией слоёв. Если выделить блок в отдельный слой z-index-ом или transform-ом, то рендерится корректно (смотри класс .circle-chrome).
Решил сделать такой фон 
и чувствую что я не так сделал, может кто кинет совет…
По мне так вообще неплохо)
Может кто знает, помогите, буду благодарен
Сделать вот такое меню.
Само меню сделать не сложно, сложно сделать томатный обьект при наведении.
На css форма не сложная.
http://codepen.io/SergeyBosak/pen/CEJrF?editors=110
Сам макет сверстал и осталось меню, могу ломать голову, но решил спросить совет, получить опыт. Пойду смотреть нидзя черепашек 2014 
element:hover:after {background:"цвет томата"}
может так?
если для бордеров, то просто цвет бордера указать.
P.s. Никогда не пиши @import по урлу в CSS) дико тормозит сайт. Лучше подключи в head отдельно шрифты, либо скриптом
Флажки должны относиться к линкам, а не не к лишкам. Потому что по наведению весь флажок должен быть частью ссылки. Это становится понятно, если поднять текст ссылок z-index-ом над флажками по наведению.
Второй момент — ширина флажков. Она должна изменяться в зависимости от текста пункта меню, а не быть фиксированной.
В общем, вот форк, где это поправил. Может быть можно ещё и без дополнительных спанов в ссылках как-то обойтись.
Спасибо
Парочку моих ништяков