[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71850":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},71850,"pokemon-cards-css","simeydotme\u002Fpokemon-cards-css","simeydotme","A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.","https:\u002F\u002Fpoke-holo.simey.me\u002F",null,"CSS",7656,748,42,3,0,8,31,102,24,39.62,"GNU General Public License v3.0",false,"main",[26,27,28,29,30,31,32,33,34,35],"blend-modes","css","filter","gradient","holo","holographic","pokemon","svelte","sveltejs","transform","2026-06-12 02:02:55","# Pokémon Cards Holographic effect in CSS\n\nThis is a repository holder for the Pokemon Cards CSS Holographic effect.  \n\n| \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fca493541-57bb-48c3-b40c-925f7203a933\" width=80> | As seen on [css-tricks.com](https:\u002F\u002Fcss-tricks.com\u002Fholographic-trading-card-effect\u002F) and [codepen](https:\u002F\u002Fcodepen.io\u002Fsimeydotme\u002Fpen\u002FabYWJdX) \n| --: | :-- |\n| [\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Ffd862cc7-2f30-4a35-9dbc-778edcc369f3\" width=80>](https:\u002F\u002Fpoke-holo.simey.me\u002F) | Demo running @ https:\u002F\u002Fpoke-holo.simey.me\u002F   |\n| [\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Ff1c9d376-0948-4b96-826e-f016e6584736\" width=80>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F8137f0c8-6bc2-4f22-90c9-03cb8332b6f1\" width=25>](https:\u002F\u002Fpoke-151.simey.me\u002F) | 151 version @ https:\u002F\u002Fpoke-151.simey.me\u002F ⭐ |\n\n\u003Cbr>\u003Cbr>\n\n-----\n\n> [!TIP]\n> I've published a component which can help with getting you a similar effect to this, without much effort;  \n> https:\u002F\u002Fgithub.com\u002Fsimeydotme\u002Fhover-tilt \n\n---\n\n### A collection of advanced CSS styles, applied with SvelteJS.\nUses CSS Transforms, Gradients, Blend-modes and Filters to simulate the various Holofoil effects found\nin the Sword and Shield era of Pokemon Trading Cards.\n\n\u003Cimg src=\"public\u002Fpokemon-cards-demo.gif\" \u002F>\n\n\n\n---\n\n> [!NOTE]\n> Please [read `#issues\u002F19` before asking \u002F requesting any help](https:\u002F\u002Fgithub.com\u002Fsimeydotme\u002Fpokemon-cards-css\u002Fissues\u002F19) or advice on the Project.  \nThank you.\n\n\n---\n\n#### support \u002F tip  \nIf you think this is super cool, or useful, and want to donate a little, then you are also super cool!\n\n|  |  |         |\n|--|--:|---------|\n| \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F2817396\u002F149629283-6002944f-9253-4e35-917d-89b476deae4e.png\" width=20> | [![£1 One Pound tip](https:\u002F\u002Fuser-images.githubusercontent.com\u002F2817396\u002F149629980-08b9a952-bd6a-4c23-be78-05e3fd534352.png)](https:\u002F\u002Fwww.paypal.com\u002Fpaypalme\u002Fsimey\u002F1) | [£1 tip](https:\u002F\u002Fwww.paypal.com\u002Fpaypalme\u002Fsimey\u002F1) |\n| \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F2817396\u002F149629283-6002944f-9253-4e35-917d-89b476deae4e.png\" width=20> | [![£5 Five Pounds tip](https:\u002F\u002Fuser-images.githubusercontent.com\u002F2817396\u002F149629994-3a99770c-d333-46e7-9818-ab6b18ad0202.png)](https:\u002F\u002Fwww.paypal.com\u002Fpaypalme\u002Fsimey\u002F5) | [£5 tip](https:\u002F\u002Fwww.paypal.com\u002Fpaypalme\u002Fsimey\u002F5) |\n| \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F2817396\u002F149629283-6002944f-9253-4e35-917d-89b476deae4e.png\" width=20> | [![£10 Ten Pounds tip](https:\u002F\u002Fuser-images.githubusercontent.com\u002F2817396\u002F149630000-95aa4234-ff67-4e7c-a7f4-ffd52f25e6d8.png)](https:\u002F\u002Fwww.paypal.com\u002Fpaypalme\u002Fsimey\u002F10) | [£10 tip](https:\u002F\u002Fwww.paypal.com\u002Fpaypalme\u002Fsimey\u002F10) |\n\n\n\n\n\n---\n#### attribution\n\n\u003Csub>- Galaxy Holo from [aschefield101](https:\u002F\u002Fwww.deviantart.com\u002Faschefield101\u002Fart\u002FHoloSheet-2012-313543843)\u003C\u002Fsub>  \n\u003Csub>- Some backgrounds from [Vecteezy](https:\u002F\u002Fwww.vecteezy.com\u002Ffree-photos)\u003C\u002Fsub>\n","该项目使用高级CSS样式来创建宝可梦卡片脸部的逼真全息效果。通过结合CSS变换、渐变、混合模式和滤镜等技术，项目模拟了宝可梦剑盾系列卡牌中的各种全息箔片效果，并且支持SvelteJS框架以实现更流畅的交互体验。适用于网页设计中需要添加独特视觉吸引力或希望复刻宝可梦卡牌风格特效的场景。",2,"2026-06-11 03:38:54","high_star"]