table

Таблица химических элементов. Пример №2. Zurb-эксперименты с тенями на CSS

Давайте предположим, что вы учитель химии, и, кроме всего прочего, дизайнер.

Единственное, что вам захотелось бы сделать, так это периодическую таблицу химических элементов Менделеева на HTML и CSS!

Пример

HTML

Мы сделали нашу сетку элементов, используя целую кучу ul элементов, но вы можете применить стилевые правила не только на них. Можно использовать абсолютно любые HTML элементы, не забудьте только CSS правила поправить.

Веселье с CSS начинается так:

Чтобы оживить нашу периодическую таблицу химических элементов, нужно сделать кое-что еще, а именно, парение элемента в воздухе, при наведении на элемент указателем мыши. Само парение элементов будет работать через -webkit анимацию.

Анимация на CSS


Оставить комментарий