Codeography Collection vol.2 11〜20

2020年6月23日

Welcome to my Codeography Collection page!

This page is a summary of Twitter tag and CodePen.

Vol.1 is here😄

Some are out of shape, so 0.25x is a good option.

11 Bunnie from Animal Crossing (2020-6-1)

https://twitter.com/Yuhostyles/status/1267335899324407808

0.25× is better.

See the Pen Pure CSS Animal Crossing Bunnie by Yuhomyan (@yuhomyan) on CodePen.

12 Martini (2020-6-2)

https://twitter.com/Yuhostyles/status/1267672430564093955

See the Pen Martini by Yuhomyan (@yuhomyan) on CodePen.

13 Fruits (2020-6-3)

See the Pen Sakuma drops by Yuhomyan (@yuhomyan) on CodePen.

14 Neon (2020-6-4) 🏅Picked

See the Pen Neon-2 by Yuhomyan (@yuhomyan) on CodePen.

This is my first-picked Pen by CodePen Official!

15 Cheers! (2020-6-5)

https://twitter.com/Yuhostyles/status/1268829918890274818

See the Pen Cheers by Yuhomyan (@yuhomyan) on CodePen.

16 Magnemite (2020-6-6)

See the Pen Pure CSS Magnemite by Yuhomyan (@yuhomyan) on CodePen.

17 Rainbow Ice Cream (2020-6-7)

https://twitter.com/Yuhostyles/status/1269518564504956928

18 Pink Floyd (2020-6-8) 🌾Picked

See the Pen Pink Floyd by Yuhomyan (@yuhomyan) on CodePen.

This is also picked😄

The neon triangle is drawn with three borders.

Usually, we make a triangle by a border. But in that way, a neon-like triangle is impossible. So I used three borders in different classes and changed transform-property to look like a glowing triangle.

19 Van Halen (2020-6-9) 🌾Picked

See the Pen Pure css VAN HALEN by Yuhomyan (@yuhomyan) on CodePen.

This is also picked.

20 Beverage

See the Pen Cocktail by Yuhomyan (@yuhomyan) on CodePen.