{"id":"77616817","service":"patreon","caption":"

I did some single-element CSS art. I wanted to do a cartoon chibi-style, but it soon became my "manga-style." I did several variations, trying different styles for the hair. The colors I picked randomly reminded me of a picture of Sara Soueidan, so I tried (unsuccessfully) to turn the hair into a hair scarf.

You can see the source code and a live demo on this CodePen (later, I did a smoother version). I recorded the process, and here's the video.

","captionHtml":"

I did some single-element CSS art. I wanted to do a cartoon chibi-style, but it soon became my \"manga-style.\" I did several variations, trying different styles for the hair. The colors I picked randomly reminded me of a picture of Sara Soueidan, so I tried (unsuccessfully) to turn the hair into a hair scarf.

You can see the source code and a live demo on this CodePen (later, I did a smoother version). I recorded the process, and here's the video.

","title":"CSS Chibi Character","added":1793235823,"published":1674456182,"attachments":[{"position":0,"id":"dfb6a26d-8712-417c-b4f6-9ee0fad3acf5","sha256":"8896da11eb3694ef1e0b137ccf184c116e5c08f5b9de55d7549859c85bfa95e6","kind":"image","mimeType":"image/png","width":null,"height":null,"durationMs":null,"bytes":457707,"storageKey":"8896da11eb3694ef1e0b137ccf184c116e5c08f5b9de55d7549859c85bfa95e6","variants":[{"name":"original.png","bytes":457707}],"originalFilename":"Screen Shot 2023-01-23 at 12.29.27 AM.png"},{"position":1,"id":"46fb247e-de55-4c6b-ba33-ad8a39d8cc61","sha256":"c9f834647707968da424c465ef8fb9e11d21dbf1c8ba27276d77816c04959e36","kind":"image","mimeType":"image/png","width":null,"height":null,"durationMs":null,"bytes":464638,"storageKey":"c9f834647707968da424c465ef8fb9e11d21dbf1c8ba27276d77816c04959e36","variants":[{"name":"original.png","bytes":464638}],"originalFilename":"Screen Shot 2023-01-23 at 12.25.06 AM.png"},{"position":2,"id":"d219bf53-07fd-456d-883f-ef5692662f8c","sha256":"575480cdaaf729cd65aec941424a611e103655e5948bb8441eef81d969425c12","kind":"image","mimeType":"image/png","width":null,"height":null,"durationMs":null,"bytes":524366,"storageKey":"575480cdaaf729cd65aec941424a611e103655e5948bb8441eef81d969425c12","variants":[{"name":"original.png","bytes":524366}],"originalFilename":"Screen Shot 2023-01-23 at 12.16.25 AM.png"},{"position":3,"id":"854990a3-9ef8-4f09-8e49-1008500b231b","sha256":"61be5288be4bc5235915548eeef6ba8fcb10803aa47fb882d2dc0126485266d0","kind":"image","mimeType":"image/png","width":null,"height":null,"durationMs":null,"bytes":398494,"storageKey":"61be5288be4bc5235915548eeef6ba8fcb10803aa47fb882d2dc0126485266d0","variants":[{"name":"original.png","bytes":398494}],"originalFilename":"Screen Shot 2023-01-23 at 12.16.10 AM.png"},{"position":4,"id":"98eb292d-f3e4-4c4f-9de3-d462149aded9","sha256":"20d9a33fbc0a17722794cf3cb16737d671d05c0a26e77e62342b0e77ac585d5b","kind":"image","mimeType":"image/png","width":null,"height":null,"durationMs":null,"bytes":701251,"storageKey":"20d9a33fbc0a17722794cf3cb16737d671d05c0a26e77e62342b0e77ac585d5b","variants":[{"name":"original.png","bytes":701251}],"originalFilename":"Screen Shot 2023-01-23 at 7.56.06 AM.png"}],"links":[],"tags":[{"slug":"css","label":"css"},{"slug":"css-art","label":"css art"}],"comments":[],"prev":{"id":"77360694"},"next":{"id":"78107175"},"creator":{"name":"comiCSS","displayName":"comiCSS"},"linked":[],"revisions":[]}