card-ribbon
Card ribbon in pure CSS.
Last updated 4 years ago by kchan .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install card-ribbon 
SYNC missed versions from official npm registry.

card-ribbon NPM version NPM downloads

Card ribbon in pure CSS. (in bytes!)

Install

$ npm install --save card-ribbon

Usage

The parent element of .card-ribbon should be position: relative;

<div class="parent-element">
  <div class="card-ribbon">This is the ribbon!</div>
  <div class="content">Whatever contents...</div>
</div>

Then include the CSS file via <link> attribute.

<link rel="stylesheet" href="/path/to/card-ribbon/dist/card-ribbon.css">

Or use some CSS pre-processor:

@import "card-ribbon";

Browser Support

IE 10 and above, Chrome, Safari, Firefox and a bunch of shit.

License

MIT © EGOIST

Current Tags

  • 0.1.3                                ...           latest (4 years ago)

4 Versions

  • 0.1.3                                ...           4 years ago
  • 0.1.2                                ...           4 years ago
  • 0.1.1                                ...           4 years ago
  • 0.1.0                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 4
Dependencies (0)
None
Dev Dependencies (5)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |