{"id":13398594,"url":"https://github.com/lojjic/PIE","last_synced_at":"2025-03-14T02:31:29.140Z","repository":{"id":58237900,"uuid":"560347","full_name":"lojjic/PIE","owner":"lojjic","description":"A behavior for Internet Explorer allowing it to recognize and render various CSS3 box decoration properties","archived":true,"fork":false,"pushed_at":"2018-08-05T17:20:04.000Z","size":5882,"stargazers_count":2788,"open_issues_count":117,"forks_count":235,"subscribers_count":80,"default_branch":"master","last_synced_at":"2024-09-26T23:00:54.650Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://css3pie.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lojjic.png","metadata":{"files":{"readme":"README","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2010-03-13T04:43:59.000Z","updated_at":"2024-09-21T18:13:08.000Z","dependencies_parsed_at":"2022-08-31T03:01:55.710Z","dependency_job_id":null,"html_url":"https://github.com/lojjic/PIE","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lojjic%2FPIE","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lojjic%2FPIE/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lojjic%2FPIE/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lojjic%2FPIE/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lojjic","download_url":"https://codeload.github.com/lojjic/PIE/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243511660,"owners_count":20302595,"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-07-30T19:00:29.032Z","updated_at":"2025-03-14T02:31:26.678Z","avatar_url":"https://github.com/lojjic.png","language":"HTML","funding_links":[],"categories":["HTML","CSS Polyfills"],"sub_categories":["Editor's Draft :black_nib:"],"readme":"                                         ============================\n                                         ======      PIE       ======\n                                         ============================\n\n                                                 Mmmmmm, pie.\n\n\nCSS Level 3 brings with it some incredibly powerful styling features.  Rounded corners, soft drop shadows, gradient\nfills, and so on.  These are the kinds of elements our designer friends love to use because they make for attractive\nsites, but are difficult and time-consuming to implement, involving complex sprite images, extra non-semantic markup,\nlarge JavaScript libraries, and other lovely hacks.\n\nCSS3 promises to do away with all that!  But as we all know, due to Internet Explorer's lack of support for any of\nthese features, we must be patient and refrain from using them, and make do with the same old tedious techniques for\nthe foreseeable future.\n\nOr must we?\n\nPIE stands for Progressive Internet Explorer.  It is an IE attached behavior which, when applied to an element, allows\nIE to recognize and display a number of CSS3 properties.  Consider, if you will, the following CSS:\n\n    #myElement {\n        background: #EEE;\n        padding: 2em;\n        -moz-border-radius: 1em;\n        -webkit-border-radius: 1em;\n        border-radius: 1em;\n    }\n\nThis results in a box with nicely rounded corners in any of today's modern browsers, except of course for IE 6, 7, or\n8, which all display a square box.  However, add the following single rule to that CSS:\n\n    #myElement {\n        ...\n        behavior: url(PIE.htc);\n    }\n\nNow the exact same rounded corners appear in IE!  That's all there is to it.  No, really, I mean it.\n\nPIE currently has full or partial support for the following CSS3 features:\n\n    * border-radius\n    * box-shadow\n    * border-image\n    * multiple background images\n    * linear-gradient as background image\n\nOther features such as radial gradients, multiple box shadows, and many many bugfixes are under development.  This is\nstill a young project which has a long way to go, but is already pretty remarkable!  We're working on getting a site\nup with documentation and examples.  Contributions (code, documentation, testing) are greatly appreciated!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flojjic%2FPIE","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flojjic%2FPIE","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flojjic%2FPIE/lists"}