Дизайн записной книжки на чистом CSS.

Не раз поднимался у меня вопрос как  сделать анимированный прогресс бар на чистом css, правда не все браузеры поддерживают, но нечего начало положено

Кнопки как в подвале YouTube. Все видели эти кнопки, которые редко используются пользователями, но имеют чертовский красивый вид и плавное нажатие.  Попробую в данном посте разобрать CSS код, чтобы получить такие же кнопки.