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

What happens when a Roomba meets some CSS code? See it in this cartoon! CSSoomba!

The Roomba vacuum cleaner is a single div. Check this private CodePen with the demo for the animated version.

","captionHtml":"

What happens when a Roomba meets some CSS code? See it in this cartoon! CSSoomba!

The Roomba vacuum cleaner is a single div. Check this private CodePen with the demo for the animated version.

","title":"Early Access: Roomba","added":1793235854,"published":1652327810,"attachments":[{"position":0,"id":"efa354f3-d125-452e-ba57-8dc98f9971ce","sha256":"eb979ea22c265d7a6ea5602f5a0e13a1b41fdd1419bde521ba38bf62fc2a0d9c","kind":"image","mimeType":"image/png","width":null,"height":null,"durationMs":null,"bytes":401831,"storageKey":"eb979ea22c265d7a6ea5602f5a0e13a1b41fdd1419bde521ba38bf62fc2a0d9c","variants":[{"name":"original.png","bytes":401831}],"originalFilename":"cssoomba-large.png"}],"links":[],"tags":[{"slug":"comic","label":"comic"},{"slug":"early-access","label":"Early Access"}],"comments":[{"id":"83715052","parentId":null,"author":"Matthias Gaber","body":"Funny and teaching. The 2 code elements with only one animation-set, for the second one reversed, is really clever.","posted":1652332665},{"id":"83723955","parentId":"83715052","author":"comiCSS","body":"Thanks! 😊","posted":1652352182}],"prev":{"id":"66231106"},"next":{"id":"66383734"},"creator":{"name":"comiCSS","displayName":"comiCSS"},"linked":[],"revisions":[]}

Early Access: Roomba

Comments (2)