https://github.com/specious/css-flag-of-america
:us: Flag of the United States rendered in pure CSS
https://github.com/specious/css-flag-of-america
Last synced: 3 months ago
JSON representation
:us: Flag of the United States rendered in pure CSS
- Host: GitHub
- URL: https://github.com/specious/css-flag-of-america
- Owner: specious
- Created: 2014-06-05T11:05:51.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2016-12-10T02:26:01.000Z (over 8 years ago)
- Last Synced: 2025-02-02T00:34:08.714Z (5 months ago)
- Language: CSS
- Homepage: http://specious.github.io/css-flag-of-america
- Size: 56.6 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flag of the United States (a pure CSS experiment)
This is an experiment which I was inspired to do after analyzing a [star pattern](http://lea.verou.me/css3patterns/#stars) by Nicholas Gallagher.
Testing it in different browsers revealed that (as of June 2014) the flag renders beautifully in the latest Firefox Nightly. WebKit rendering engines (Chrome, Safari, Opera) take a cruder approach to calculating these shapes, and therefore show a number of artifacts: pieces coming apart or overlapping and undesired bleed-through of image tiles at the borders.
Not recommended for production. Use [SVG](https://commons.wikimedia.org/wiki/File:Flag_of_the_United_States_%28Pantone%29.svg).
## Demo
Live demo: http://codepen.io/tknomad/pen/cKGLf
## Build
```
npm install
gulp
```
## License
MIT