Удивительно Простой, Но Красивый Эффект Css

Я наткнулся на очень простой в реализации, но интересный эффект ролловера для кнопок с помощью CSS. Автор некий японец ksk1015 .

Демонстрация эффекта И процесс написания .

Реализация предельно проста:

   

 <a href="#" class="one"></a>
 <a href="#" class="two"></a>
 <a href="#" class="three"></a>
 <br />
 <a href="#" class="yon"></a>
 <a href="#" class="goo"></a>
 <a href="#" class="rok"></a>
 <a href="#" class="ryk"></a>
 <br />
 <a href="#" class="x7"></a>
 <a href="#" class="x8"></a>
 <a href="#" class="x9"></a>
 

   

• Универсальные Оптовые Пакеты Ювелирных Изделий

  19 Oct, 24

• Штаб-Квартира: Новый Офис Dropbox В Сан-Франциско.

  19 Oct, 24

• Снимаем Развлекательную Телепередачу – Дубль 2 (Мотор!)

  19 Oct, 24

• Умный Дом: Планирование И Подготовка Самостоятельно

  19 Oct, 24

• Защитите Свой Диплом. Пять Минут Позора Или Достойное Выступление

  19 Oct, 24

• Google Inc. Приобретает Virustotal

  19 Oct, 24

• Встречайте: Старший Брат Гиперконвергентных Систем

  19 Oct, 24

• Впервые Фотон Телепортировали С Одного Чипа На Другой

  19 Oct, 24

• Обзор Камер Наружного Наблюдения Grandstream Gxv3672_Hd/Fhd

  19 Oct, 24

• Обновление Доменов Киев.ua

  19 Oct, 24