Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate with 8 steps. tomorrow we will run faster, stretch out our arms farther.Īnd then one fine morning - So we beat on, boats against theĬurrent, borne back ceaselessly into the past. Why not use the fa-pull-left and fa-pull-right classes to float an icon before your quote text automatically? You can also add a border to it using the fa-border class. When you want to get big old 50px floating quote marks to indicate a quote in your text, you’re looking at 10 minutes of writing and debugging CSS. Use a FontAwesome icon as a pull quote icon marker Rather than laboriously writing CSS for removing the default bullets from unordered lists, then adding FontAwesome icons to serve as new bullets, which you would then make sure all have equal width, why not use the fa-ul class on your unordered list: List icons can be used as bullets in lists Use FontAwesome icons to replace unordered list bullets Instead of using a table element, just add the fa-fw class to get fixed-width icons! Home Books Tags Logout If you’re using icons in a list of links, you might find yourself forced to use a table just to get the icons and link texts to line up properly: Home Books Tags Logout Fixed-width FontAwesome icons using fa-fw There’s a simpler approach! Just use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x or fa-5x classes: fa-lg fa-2x fa-3x fa-4x fa-5x So in order to get a bigger icon in relation to the text, you’d have to write something like this: fa-camera-retro The size of any FontAwesome icons you include in your HTML are always the same as the font-size specified for their container. You can increase the size of your FontAwesome icons automatically Great icons and easy to use! But are you using all the tricks that make FontAwesome even easier to use? Check out these 7 FontAwesome tricks that you may not have spotted in the documentation. We’re sure you’re using the fantasic FontAwesome CSS library in all your web apps.
0 Comments
Leave a Reply. |