Previous Demo
Back to the Codrops Article
Icon Hover Effects
Simple hover effects for circular icons
1
2
3
4
5
6
7
8
9
Mobile
Desktop
Partners
Support
Security
Mobile
Desktop
Partners
Support
Security
Settings
Time
Videos
List
Refresh
Settings
Time
Videos
List
Refresh
Images
Edit
Link
Mail
Location
Images
Edit
Link
Mail
Location
Archive
Chat
Bookmarks
User
Contact
Archive
Chat
Bookmarks
User
Contact
Note that the dashed border on a round pseudo-element (border-radius: 50%) does not work in FF 21.0
Mobile
Desktop
Partners
Support
Security
Mobile
Desktop
Partners
Support
Security
Mobile
Desktop
Partners
Support
Security
Mobile
Desktop
Partners
Support
Security
Settings
Support
Fav
Contract
Refresh
Settings
Time
Videos
List
Refresh
Settings
Time
Videos
List
Refresh
Archive
Chat
Bookmarks
User
Contact
Images
Edit
Link
Mail
Location
Images
Edit
Link
Mail
Location