ghosh/cssfilters

🌄 Custom and Instagram like photo filter playground for CSS built with React

cssfilters's Issues

gulp-scss-lint error

Maybe making it responsive for mobile device?

The visual layout becomes not nice looking after width 706px. Do you plan to make it target mobile devices?

how to save pictures?

How can I save the result image with filters?

add package-lock.json

npm users need the package-lock.json file

overlapping elements

There is an overlap between the image and upload button and also you can change the position of the upload button so that it can visible to the viewers.
https://drive.google.com/file/d/1KYBQoRVkYpbcuqtglOkhE1QtvUUwMdmX/view?usp=sharing

Generated CSS Background Property Missing %

hey guys - awesome project.

I noticed an issue with the generated CSS for the background property.

example, for XPro2, the generated CSS for the background is:

background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(224, 231, 230, 1) 40, rgba(43, 42, 161, 0.6));
background: radial-gradient(50% 50%, circle closest-corner, rgba(224, 231, 230, 1) 40, rgba(43, 42, 161, 0.6));

It should be:

  background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(224, 231, 230, 1) 40%, rgba(43, 42, 161, 0.6));
  background: radial-gradient(50% 50%, circle closest-corner, rgba(224, 231, 230, 1) 40%, rgba(43, 42, 161, 0.6));

The % was missing after the 40, which results in invalid css

Add Save button

It would be great if there is a option to save the picture with the filter

New Feature: Toggle for effect on/off

First of all thanks for the great toll, i really enjoyed using it.
But there is one thing i would like to add. In case you want to use those css-filters for hover-effcts it is really hard to compare the before-and-after look. So an "Effect on/off"-toggle would be really helpful. What do you think?

Current project status

Hi, what is the current status of this project? Is it still maintained?

Safari layout bug in presets

In Safari (OS X) the presets are all bunched up.

Really nice work except for the errors

I visited your site with Firefox and the preset filters worked great but the customizer on the right failed to work. I imagine because of all the Type(e) errors. There also seemed to be an issue with javascript compiling.

move to webpack

And also drop the Ruby / scss-lint peer dependency.

bower is dead

We should move all dependencies to package.json.

Overlay: include a 'none' option

Radio buttons mean once an overlay is selected it can't be removed completely without a no-overlay / none option.