Today we want to share some simple icon hover effects with you. The idea is to create a subtle and stylish effect using CSS transitions and animations on the anchors and their pseudo-elements. For the icons we are using an icon font (Eco Ico by Matthew Skiles, created with the IcoMoon app) which we add using the :before pseudo-class. The markup only uses an anchor for the icon and we wrap a set in
![Simple Icon Hover Effects | Codrops](https://cdn-ak-scissors.b.st-hatena.com/image/square/840ebea5fd280c591d7ee70ac0e21f2aa4183ac6/height=288;version=1;width=512/https%3A%2F%2Fcodrops-1f606.kxcdn.com%2Fcodrops%2Fwp-content%2Fuploads%2F2013%2F05%2FIconHoverEffects1.png%3Fx88254)