All Projects → laurenwaller → Cssco

laurenwaller / Cssco

Licence: mit
Photographic filters made with CSS, inspired by VSCO and CSSgram

Labels

Projects that are alternatives of or similar to Cssco

Numpycnn
Building Convolutional Neural Networks From Scratch using NumPy
Stars: ✭ 436 (-43.38%)
Mutual labels:  filter
Spotify Ad Free
A filter list to block all Spotify ads!
Stars: ✭ 479 (-37.79%)
Mutual labels:  filter
Chips Input Layout
A customizable Android ViewGroup for displaying Chips (specified in the Material Design Guide).
Stars: ✭ 591 (-23.25%)
Mutual labels:  filter
Sieve
Sieve Script Editor
Stars: ✭ 452 (-41.3%)
Mutual labels:  filter
Gaussianblur
An easy and fast library to apply gaussian blur filter on any images. 🎩
Stars: ✭ 473 (-38.57%)
Mutual labels:  filter
Performance Analysis Js
Map/Reduce/Filter/Find Vs For loop Vs For each Vs Lodash vs Ramda
Stars: ✭ 532 (-30.91%)
Mutual labels:  filter
Fmphotopicker
A modern, simple and zero-dependency photo picker with an elegant and customizable image editor
Stars: ✭ 428 (-44.42%)
Mutual labels:  filter
Yadcf
Yet Another DataTables Column Filter (yadcf)
Stars: ✭ 692 (-10.13%)
Mutual labels:  filter
Mixitup
A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
Stars: ✭ 4,431 (+475.45%)
Mutual labels:  filter
Sieve
⚗️ Clean & extensible Sorting, Filtering, and Pagination for ASP.NET Core
Stars: ✭ 560 (-27.27%)
Mutual labels:  filter
Pesdk Android Demo
A fully customizable photo editor for your app.
Stars: ✭ 464 (-39.74%)
Mutual labels:  filter
Sloth
Mac app that shows all open files, directories, sockets, pipes and devices in use by all running processes. Nice GUI for lsof.
Stars: ✭ 4,549 (+490.78%)
Mutual labels:  filter
Filterizr
✨ Filterizr is a JavaScript library that sorts, shuffles and filters responsive galleries using CSS3 transitions ✨
Stars: ✭ 546 (-29.09%)
Mutual labels:  filter
Videobeautify
With this APP, you can do all kinds of professional optimising and beautifying to your videos
Stars: ✭ 450 (-41.56%)
Mutual labels:  filter
Debugviewpp
DebugView++, collects, views, filters your application logs, and highlights information that is important to you!
Stars: ✭ 592 (-23.12%)
Mutual labels:  filter
Photofilter
A simple easy to use library that lets you edit pictures on the fly with easy. Photo filter lets you apply a large number of filters all while maintaining maximum image quality. Supports Android 2.3 and higher.
Stars: ✭ 434 (-43.64%)
Mutual labels:  filter
Asyncro
⛵️ Beautiful Array utilities for ESnext async/await ~
Stars: ✭ 487 (-36.75%)
Mutual labels:  filter
Nbstripout
strip output from Jupyter and IPython notebooks
Stars: ✭ 738 (-4.16%)
Mutual labels:  filter
Bbmetalimage
A high performance Swift library for GPU-accelerated image/video processing based on Metal.
Stars: ✭ 677 (-12.08%)
Mutual labels:  filter
Super Blur
Screen and UI gaussian blur for Unity
Stars: ✭ 543 (-29.48%)
Mutual labels:  filter

CSSCO

Built with Grunt

Photographic filters made with CSS, inspired by VSCO and CSSgram http://www.cssco.co

Download


How to use CSSCO

Add the downloaded CSS file path to the <head> of your document:

<link rel="stylesheet" href="path/to/cssco.css">

Add the filter to your image element using the relevant CSSCO classes:

<div class="cssco cssco--c1">
   <img src="image.png">
</div>

Compatibility

Unfortunately, IE & Edge browsers, as well as Opera Mini do not support filters and blend modes.

Safari (desktop & iOS) does not support the hue, saturation, color, and luminosity blend modes, but this should not affect the CSSCO filters much, if at all.

See compatibility for: mixblendmode | filters


*These filters are inspired by VSCO and are not exact replicas of their filters, but are as close as I could get. If you think you can get closer, please feel free to contribute :)


Contributing

Requirements

Ensure that the following is installed on your computer:

  1. Git
  2. Node.js

Getting started

  1. Clone the repository: git clone [email protected]:we-are-next/cssco.git
  2. Change to the directory you cloned the repository into: e.g. cd cssco

Lint/Minify

  1. Install the required dependencies: npm install
  2. Lint: grunt lint
  3. Minify: grunt min
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].