Все мы неоднократно видели на разных сайтах в сети потрясающие и, в тоже время, очень простые эффекты при наведении мышки на какие-нибудь иконки: плавно появляется рамка вокруг или, наоборот, исчезает; иконка начинает вращаться или вращается сама рамка… Да много каких разных эффектов.
Сегодня мы раскроем секрет этой чёрной магии. Всё будет только на CSS, без капли javascript.
Что нам понадобится:
псевдо-элементы :after и :before
свойства CSS3 transition и animation
шрифтовые иконки с сайта icoMoon
Сегодня мы раскроем секрет этой чёрной магии. Всё будет только на CSS, без капли javascript.
Что нам понадобится:
псевдо-элементы :after и :before
свойства CSS3 transition и animation
шрифтовые иконки с сайта icoMoon
