Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tomren1/dither-with-css
SVG filter for creating a dithering effect
https://github.com/tomren1/dither-with-css
Last synced: 4 months ago
JSON representation
SVG filter for creating a dithering effect
- Host: GitHub
- URL: https://github.com/tomren1/dither-with-css
- Owner: tomren1
- Created: 2020-12-27T21:00:07.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-08T13:11:10.000Z (over 3 years ago)
- Last Synced: 2024-08-01T19:45:43.878Z (7 months ago)
- Homepage:
- Size: 41 KB
- Stars: 13
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# dither-with-css
Experiment using a SVG filter to create a dithered effect.
## Issues
* **Looks terrible when scaled.**
* Transparent areas.
## SVG Filter
```
```
## Dither Patterns
```
Ordered 8×8
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAA+UlEQVR42gXBERTCUABA0X/OYDAYDAZBEAyCIBgMgiAIgiAYBINgEAwGgyAIBsFgMAiCIAiCIAgGQTAYDAaDIAiCwWDwulcIIXg8HgwGA36/H4qi8Hq9sCyLtm0Rm82G0WjE5XJhvV4ThiHT6ZT7/U4QBIhut0tVVaiqSpZl9Pt9vt8vnU6HsiwRh8OB5XLJfr9nNptxPp9xXZckSbBtGyHLMs/nE9M0aZoGSZJI05ThcEhd14jdbsdkMuF2u+H7PtvtlvF4zPV6xfM8hGEYfD4fdF2nKAp6vR7v9xtN08jzHHE6nVitVsRxzGKx4Hg84jgOURQxn8/5A7oKnYRU4EpfAAAAAElFTkSuQmCC
Ordered 4×4
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAASElEQVR42gXBgQAAIAxFwW8QwhBCCCGEIYQQQgghhBBCCEMYwutOkphzYmbsvdG9l9YaEYG7o1or5xxKKay1UGYyxuC9R++dD7yGJkTj6F0HAAAAAElFTkSuQmCC
Ordered 2×2
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAG0lEQVR42mNgYGD4X19f/59h//79/+3t7f8DAEGyCHSQnFc+AAAAAElFTkSuQmCC
```