picturepan2/instagram.css

Instagram.css - Complete set of Instagram filters in pure CSS

instagram.css's Issues

Issue Exporting Dom Image

Cool product.

We've been prototyping an web app using these cool filters. Basically the user can upload a photo, apply the effect and download. The app is built using reactJS.

We can apply the filter and use https://github.com/niklasvh/html2canvas to export the image as PNG.

The issues we are running into is exporting the image with the filter. The image exports, no filter is rendered. html2canvas states it does not work on css filters.

Do you have a work around for this?

I want to contribute but I have few questions, please reply.

can we add custom filters or is it a strict policy to add the instagram filters only ?

Thanks. #question

Is this legal?

Thanks for this great library!

I was wondering, is it actually legal to use these filter effect on websites and commercial platforms?

Does Instagram allow this?

Surely the names themselves must have a trademark on them?

And what about the algorithms? I guess these approximate the original Instagram effects, not being pixel perfect copies?

What's the difference with CSSgram?

I looked at the readme and I saw it was inspired by CSSgram but I couldn't understand exactly what the difference is. Could you elaborate on it?

It would be great if its work with background too

I use a lot of time style background and it would be great if its work with this images too

How do I export a dom node as an image？(怎么样将滤镜加工后的效果导成png格式的图片？)

I want to contribute

Hi

I am Qazim, I am want to contribute to this project :) How can I do?

Thanks

Contributoren

Here is a demo CodePen that I made that you could use on your site

Awesome work! I have made a CodePen pen that uses your instagram.css library to imitate the Instagram filter system in the app.

https://codepen.io/mblode/pen/zpLWQW?editors=1100

You are free to use this on your site if you would like. Keep up the great work!

IE 11 Extra space under the image

I found a funny bug in the IE 11

The fix is actually simple because you just need to specify the height of the class
card-image to be 100%