ghosh / cssfilters Goto Github PK
View Code? Open in Web Editor NEW๐ Custom and Instagram like photo filter playground for CSS built with React
Home Page: http://cssfilters.co/
License: MIT License
๐ Custom and Instagram like photo filter playground for CSS built with React
Home Page: http://cssfilters.co/
License: MIT License
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?
The visual layout becomes not nice looking after width 706px. Do you plan to make it target mobile devices?
How can I save the result image with filters?
It would be great if there is a option to save the picture with the filter
We should move all dependencies to package.json.
And also drop the Ruby / scss-lint peer dependency.
Radio buttons mean once an overlay is selected it can't be removed completely without a no-overlay / none option.
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.
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
Hi, what is the current status of this project? Is it still maintained?
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
npm users need the package-lock.json file
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.