
Amit Sheen
@amit_sheen
Followers
6K
Following
3K
Media
461
Statuses
1K
Experienced web developer, specializing in design systems, animation, and creative coding. Passionate about pushing CSS to its limits.
Joined July 2018
Cute Shaking Skull โบ๏ธ๐คโ ๏ธ.(CSS only). Click the skull to shake it. ๐ฅด. Live demo on @CodePen:
1
0
16
Itโs my CodePen Proniversary! ๐. Celebrating another year as a PRO member on @CodePen. So much creativity, learning, and endless inspiration from the community. ๐คฏ. Huge thanks to the team for all the work theyโve done (and keep doing) in building and maintaining this amazing
0
1
17
We're ba-ack! ๐. Get ready to have some serious fun with CSS!.@KevinJPowell and I are thrilled to bring back our CSS Games Workshop. ๐คฉ. Want to build awesome games with just CSS? Now's your chance! . Join us: (get 25% off for the next 24 hours)
0
1
9
One of the side topics of this CSS-packed weekend was undoubtedly Origami. And @supremebeing09 reminded me that I'd done this. thing (what do you call that?!) a few years ago. (just refactored it now a little to use pure CSS). ๐ Live demo on @CodePen:
0
0
13
Inspired by @AkiyoshiKitaoka, I made this pure #CSS, interactive, single div (well, single checkbox) optical illusion. There are only straight lines here, but they look like they're bulging outwards. Clicking the square changes the effect so that the lines appear to be slanting
2
5
46
โจ New article is live: CSS Spotlight Effect. I asked myself what we could do with just the mouse position, and got to this fun simple effect. Hope you enjoy it, and maybe it will spark some new ideas for you too. ๐. ๐ Check it out on @FrontendMasters:
1
8
53
My European (and Australian) friends โ are you ready for Eurovision tonight? . Not many people know this about me, but Iโm a big fan of the contest and a regular viewer. So, to show my support for the best song this year (song #4 โ donโt forget to vote!), I built Yuval Raphaelโs
0
2
22
Following @anatudor idea, I made an (almost) no-JS version of my Proximity Reactions experiment. All the JS does is pass the mouse position to CSS custom properties, and that's it. All calculations are done in #CSS using native math functions. All that's left now is to get the
I saw a great video by Oliviero Spinelli about Proximity Reactions in After Effects (link below) and thought I'd try to do something similar with some JS+CSS. ๐. I especially liked the way the shadow is cast, and there's a nice hack there, I'm using (forced) perspective to
6
18
121
Simmering Squares. High saturation, low perspective, and lots of randomization. (No canvas, just a bunch of moving DOM elements) ๐. Live demo on @CodePen:
0
2
14
I saw this interesting pattern on the entrance wall of a candy store in town (picture in the comments ๐), and had to try to recreate it with #CSS, while munching on some sweets. ๐จ๐. ๐Demo on @Codepen: #CSSinRealLife
1
1
14
A few days ago, I came across this amazing pen by @kdenerz. It was so beautiful and mesmerizing, that I knew right away I had to recreate it. This gooey effect (achieved through a combination of blur and contrast), is super cool and opens up a lot of creative possibilities.
CSS & SVG โจ @CodePen #creativecoding #css #web #svg #demoscene #art #cssart #codepen #gm #animation
1
2
16