National Flag CSS Library – currency-flags

Category: CSS & CSS3 , Recommended | November 25, 2019
Author: transferwise
Views Total: 56
Official Page: Go to website
Last Update: November 25, 2019
License: MIT

Preview:

National Flag CSS Library – currency-flags

Description:

currency-flags is a CSS library used to embed national flags into HTML document using plain HTML/CSS and base64 encoded images.

How to use it:

1. Download and import the stylesheet into your HTML document.

<link href="dist/currency-flags.min.css" rel="stylesheet">

2. Add the CSS class currency-flag to the element where you want to place the flag.

<div class="currency-flag"></div>

3. Specify which flag you want to generate using Currency Codes.

<div class="currency-flag currency-flag-usd"></div>

4. Specify the size of the flag:

  • currency-flag-sm: small
  • currency-flag-lg: large
  • currency-flag-xl: extra large
<div class="currency-flag currency-flag-cny currency-flag-xl"></div>

You Might Be Interested In:


Leave a Reply