Всё это здорово, вот только ценители семантического html будут негодовать по поводу кучи тегов только ради оформления.
Может быть этот материал вас вдохновит: http://projects.lukehaas.me/css-loaders/ — всё основывается на одном теге.
Спасибо за мнение =) Я буду очень рада, если в комментарии придет любитель семантического html и поделится опытом того, как именно он реализовал бы все эти эффекты в один тег. Как только встречу такого — сразу спрошу и вдохновлюсь =)
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 3