{"id":13746452,"url":"https://github.com/codrops/DistortedButtonEffects","last_synced_at":"2025-05-09T07:30:40.604Z","repository":{"id":45659268,"uuid":"58523627","full_name":"codrops/DistortedButtonEffects","owner":"codrops","description":"A set of inspirational, highly experimental distortion effects for buttons using SVG filters. By Adrien Denat. ","archived":false,"fork":false,"pushed_at":"2016-10-08T17:09:23.000Z","size":769,"stargazers_count":1119,"open_issues_count":4,"forks_count":133,"subscribers_count":36,"default_branch":"master","last_synced_at":"2024-05-22T16:32:56.043Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://tympanus.net/Development/DistortedButtonEffects/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codrops.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-05-11T07:33:51.000Z","updated_at":"2024-05-17T02:13:51.000Z","dependencies_parsed_at":"2022-09-22T15:42:19.288Z","dependency_job_id":null,"html_url":"https://github.com/codrops/DistortedButtonEffects","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codrops%2FDistortedButtonEffects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codrops%2FDistortedButtonEffects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codrops%2FDistortedButtonEffects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codrops%2FDistortedButtonEffects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codrops","download_url":"https://codeload.github.com/codrops/DistortedButtonEffects/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253209247,"owners_count":21871618,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T06:00:53.871Z","updated_at":"2025-05-09T07:30:40.094Z","avatar_url":"https://github.com/codrops.png","language":"CSS","readme":"# Distorted Button Effects\n\nA set of inspirational, highly experimental distortion effects for buttons using SVG filters. By Adrien Denat.\n\n[Article on Codrops](http://tympanus.net/codrops/?p=26866)\n\n[Demo](http://tympanus.net/Development/DistortedButtonEffects/)\n\n## License\n\nIntegrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell \"as-is\". \n\nRead more here: [License](http://tympanus.net/codrops/licensing/)\n\n## Limitations\nEach button needs its own filter element (changing filter properties will apply to every element affected by that respective filter). If you want to have multiple buttons with the same effect on your page, you can generate the `\u003cfilter\u003e` element dynamically in JavaScript like explained in [Lucas Bebber's tutorial](http://tympanus.net/codrops/2015/04/08/motion-blur-effect-svg/).\n\nSome buttons have specific limitations:\n\n- #01: Needs to have a plain background (works with transparent but the effect may be different)\n- #02: Needs to have a border/box-shadow of the same color as the background\n\n## Browser Support\nEffects have been tested on Chrome and Firefox only. Safari doesn't support CSS filters and a specific fallback has been applied.\n\n## Credits\n\n- [Bourbon](http://bourbon.io/)\n- [TweenMax](http://greensock.com) by Jack Doyle.\n- [Chris Biron](https://dribbble.com/shots/2544738-Not-your-average-button) for button 01 design\n\n## Misc\n\nFollow Adrien: [Twitter](https://twitter.com/grsmto), [Cargo](http://cargocollective.com/grsmto/), [LinkedIn](http://fr.linkedin.com/in/adriendenat), [GitHub](https://github.com/grsmto) \n\nFollow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/)\n\n[© Codrops 2016](http://www.codrops.com)\n","funding_links":[],"categories":["CSS","Computer Networking and Security"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodrops%2FDistortedButtonEffects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodrops%2FDistortedButtonEffects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodrops%2FDistortedButtonEffects/lists"}