Life & fun · December 13, 2016
CSS Pokemon – created with clip-path and CSS variables
A demonstrates of the use of the CSS clip-path property in combination with CSS variables and CSS transitions to create a low-poly animated Pokémon.
CSS Pokemon – created with clip-path and CSS variables launched on December 13, 2016 with 79 votes, #524 of 3,449 launches that month and more than 90% of that year's launches. The site was still online in September 2026, 9 years on.
In plain words
CSS Pokemon is a demonstration of animated low-poly Pokémon characters created using CSS clip-path, variables, and transitions. It showcases web design techniques for developers and designers interested in CSS animation and geometric visual effects. The project uses clip-path properties combined with cubic-bezier timing functions to create smooth shape-shifting animations that transform between different polygon configurations.
written from the facts on this page · September 2026
Does a similar job
all alternatives →
Anime.js – Polyvalent JavaScript Animation Engine2016 · anime-js.com · ▲283A fast, multipurpose and lightweight JavaScript animation library
I saw this cool navigation reveal, so I made a simple HTML+CSS versionFeb 2026 · github.com · ▲141Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https://iventions.com/ uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path
CSSeffectsSnippets.2019 · emilkowalski.github.io · ▲292A collection of CSS effects with a click to copy.
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 13d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 14d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com
Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, December 2016
the whole month →
Talking face-to-face with your team is just one click away
Work · 2016 · slack.com
What's your workplace flavor? Join 10M+ users and take the free personality test to find out. Discover your workplace strengths and ideal career path in under 3 minutes with our CPTI™ assessment, based on the Myers-Briggs framework.
Dev tools · 2016 · cake.me
