Эффект вращения социальных иконок с помощью CSS свойства transform. В Opera не работает, но порадует пользователей других браузеров.

HTML разметка

<ul id="social" class="group">

    <li class="twitter"><a href="http://twitter.com/#!/pcvector"><span></span>twitter</a></li>
    <li class="dribbble"><a href="http://dribbble.com/"><span></span>dribbble</a></li>
    <li class="lastfm"><a href="http://www.last.fm/"><span></span>last.fm</a></li>

    <li class="spotify"><a href="http://open.spotify.com/"><span></span>Spotify</a></li>
    <li class=&q ... Читать дальше »

Горизонтальное меню сделанное на CSS3 в виде листочков, которые проворачиваются вокруг своей оси и слегка увеличиваются в размерах при наведении на них куросра мыши. Оригинально и красиво сделано.

HTML разметка

<nav>
    <ul class="top-menu">
        <li><a href=#>Главная</a><div class="menu-item" id="home"></div></li>
        <li><a href=#>Каталог</a><div class="menu-item" id="cataloge"></div></li>
        <li><a href=#>Цена</a><div class="menu-item" id="price"></div></li>
        <li><a href=#>О нас</a><div class="menu-item" id="about"& ... Читать дальше »

Интересное подпрыгивающее меню (bounce), сделанное с помощью псевдо элементов и пользовательских атрибутов на CSS3. В примере простое горизонтальное и горизонтальное с выпадающими под пунктами меню.

Пример 1

Простое горизонтальное одноуровневое меню

HTML разметка

<nav class="ph-lift">
    <ul>
        <li class="active"><a href="#home" data-title="Главная">Главная</a></li>
        <li><a href="#portfolio" data-title="Портфолио">Портфолио</a></li>
        <li><a href="#about" data-title="Обо мне">Обо мне</a></li>
        <li><a href="#contact" data-title="Контакты">К ... Читать дальше »