National Flag CSS Library – currency-flags

Category: CSS & CSS3 , Recommended | April 2, 2021
Author:transferwise
Views Total:1,826 views
Official Page:Go to website
Last Update:April 2, 2021
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>

Changelog:

v3.2.0 (04/02/2021)

  • Use wise.com asset URLs instead of transferwise.com

You Might Be Interested In:


Leave a Reply