使用Font Awesome图标制作超链接动画特效 Animated links using Font Awesome icons

Just playing around with Font Awesome icons in the :after pseudo element and various transitions. Section headings are linked to the icon page.

fa-arrow-circle-right

• Bump Right
• Slide In & Out
• Roll In, Slide Out

fa-arrow-right

• Bump Right
• Slide In & Out
• Swoop In

fa-chevron-circle-right

• Bump Right
• Slide In & Out
• Roll In, Slide Out

fa-chevron-right

• Bump Right
• Slide In & Out
• Scale & Bump

fa-caret-right

• Bump Right
• Slide In & Out
• Scale Up

fa-long-arrow-right

• Bump Right
• Slide In & Out
• Shoot In

fa-share

• Bump Right
• Slide In & Out
• Rotate In

fa-paper-plane

• Bump Right
• Slide In & Out
• Take Off

fa-rocket

• Lift Off