font-awesome-animation - Simple animations using FontAwesome and some CSS3.

  •        2

Simple animations using some CSS3 I found on the web. Best used on glyphicons like FontAwesome. See live demo.

http://l-lin.github.io/font-awesome-animation/
https://github.com/l-lin/font-awesome-animation

Tags
Implementation
License
Platform

   




Related Projects

Fork-Awesome - A fork of the iconic font and CSS toolkit (Font-Awesome 4.7)

  •    CSS

Fork Awesome is a full suite of 718 pictographic icons for easy scalable vector graphics on websites, originally created by Dave Gandy and now maintained by a community. Following concerns regarding the development of Font Awesome, the PR Freeze since Oct 2016 and the direction Fort Awesome is taking with the version 5.0 of their project, we are forking Font Awesome (4.7), in order to build on this incredible tool Dave Gandy has given us, while at the same time allowing this project to be run by a distributed community of contributors.

alfred-font-awesome-workflow - :tophat: Font Awesome Workflow for Alfred 3

  •    Go

You can incrementally search for Font Awesome icons and paste it to front most app. 💎 See also: Font Awesome Workflow with Sketch 3 — QuickCast.

vue-awesome - Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

  •    Javascript

Awesome SVG icon component for Vue.js, with built-in Font Awesome icons. Vue-Awesome an SVG icon component for Vue.js, with built-in icons courtesy of Font Awesome.

awesome-terminal-fonts - Tools and instructions on how to have awesome symbols in a terminal with a monospace font

  •    Shell

Referring to glyphs by codepints (eg. \uf00c) in your scripts or shell configuration it's not recommended because icon fonts like Font Awesome use code points ranges those ranges are not disciplined by the unicode consortium, every font can associate every glyphs to those codepoints. This means that Font Awesome can choose to move glyphs around freely, today \uf00c is associated to the check symbol, tomorrow it can be associated to something else. Moreover, more than one icon font can use the same codepoint for different glyphs and if we want to use them both we need to move one of them. So, if you use a codepoint to refer to a glyph after an update that codepoint can point to another glyph. To avoid this situation you can use the font maps in the ./build directory, font maps are scripts which define shell variables that give names to glyphs, by sourcing those files in your shell you can refer to glyphs by name (eg. $CODEPOINT_OF_AWESOME_CHECK).

font-awesome-sass-rails - Font Awesome, SASS version, with assets pipeline, for Rails 3.1+

  •    Ruby

With SASS and fonts from Font Awesome, font-awesome-sass-rails is a gem to integrate Font Awesome to your Rails application. It supports Rails 3.1.1 and older.


react-fontawesome - A React Font Awesome component.

  •    Javascript

A React component for the font-awesome icon library. Note: This component does not include any of the Font Awesome CSS or fonts, so you'll need to make sure to include those on your end somehow, either by adding them to your build process or linking to CDN versions.

bootstrap-xtra - DEPRECATED - Use Font-Awesome or Font-Awesome-More

  •    Javascript

DEPRECATED - Use Font-Awesome or Font-Awesome-More

font-awesome-rails - the font-awesome font bundled as an asset for the rails asset pipeline

  •    Ruby

the font-awesome font bundled as an asset for the rails asset pipeline

QtAwesome - QtAwesome - Font Awesome support for Qt applications

  •    C++

QtAwesome is a simple library that can be used to add Font Awesome icons to your Qt application. NOTE: Though the name is QtAwesome and currently it's very Font Awesome based, you can use every other icon/glyph font you want.

nerd-fonts - :abcd: Iconic font aggregator, collection, and patcher

  •    CSS

Nerd Fonts is a project that patches developer targeted fonts with a high number of glyphs (icons). Specifically to add a high number of extra glyphs from popular 'iconic fonts' such as Font Awesome ➶, Devicons ➶, Octicons ➶, and others.

font-awesome-to-png - Exports Font Awesome icons as PNG images

  •    Python

Exports Font Awesome icons as PNG images

font-awesome-sass - Font-Awesome Sass gem for use in Ruby/Rails projects

  •    Ruby

'font-awesome-sass' is a Sass-powered version of FontAwesome for your Ruby projects and plays nicely with Ruby on Rails, Compass, Sprockets, etc. You can find more detailed information on these changes on our Getting Started guide, our How to Use guide, and our Upgrading from Version 4 guide.

FontAwesome.swift - Use FontAwesome in your Swift projects

  •    Swift

To see the complete set of 3,978 icons in Font Awesome 5, please check the FontAwesome.com site. Note: If you install this using CocoaPods, the framework name will be FontAwesome_swift (there is an underscore).

codeface - Typefaces for source code beautification

  •    Python

Each typeface directory in the repository now includes a vertical metrics table (vertical_metrics.txt). Combine the data in these reference tables with the new font-line tool to modify any font to the line spacing that suits your needs. Tighten up or keep it loose.

awesome-stock-resources - :city_sunrise: A collection of links for free stock photography, video and Illustration websites

  •    

A curated list of awesome stock photography, video and illustration websites. I try my best to maintain this repository and keep it up-to-date but if you spot a broken link or a resource which isn't listed, please, feel free to make a pull request.

colorls - A Ruby gem that beautifies the terminal's ls command, with color and font-awesome icons

  •    Ruby

A Ruby script that colorizes the ls output with color and icons. Here are the screenshots of working example on an iTerm2 terminal (Mac OS), oh-my-zsh with powerlevel9k theme and powerline nerd-font + awesome-config font with the Solarized Dark color theme.If you're interested in knowing the powerlevel9k configuration to get this prompt, have a look at this gist.

HoverEffectIdeas - Some inspiration and modern ideas for subtle hover effects.

  •    CSS

Some inspiration and modern ideas for subtle hover effects. Images by Unsplash. Feather Icons by Cole Bemis. [Font Awesome Icon Font] (http://fortawesome.github.io/Font-Awesome/) created by Dave Gandy.

react-fa - Font Awesome icons as React components

  •    Javascript

Note: If you run into issues with loading the FontAwesome font when not using ExtractTextPlugin, this might be fixed by making your publicPath absolute. See this StackOverflow question for details.

Font Awesome - The iconic font and CSS toolkit

  •    CSS

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

NVActivityIndicatorView - A collection of awesome loading animations

  •    Swift

NVActivityIndicatorView is a collection of awesome loading animations. This is original a fork from DGActivityIndicatorView, inspired by Loaders.css, written in Swift with full implementation of animations, plus more.