DEV Community

Takane Ichinose
Takane Ichinose

Posted on

2 1 2 1 2

#CodePenChallenge | Meowatar (Pure CSS avatar creator)

Meowatar (Pure CSS avatar creator)

Description

This is avatar creation tool by just using CSS (Sass) and HTML (No JavaScript codes).

I made this possible by using CSS loop technique and taking advantage of :has() selector.

I intended to add dress, but it's not possible to do due to timeframe, so I decided not to include it. If it's only possible to add even just SVG, then I can make it (I guess).

I also made the UI responsive, so it should work in all devices.

Top comments (0)

profile
Qodo
 Promoted

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Read next

mikeyoung44 profile image

New AI Method Makes Language Models 3x Faster While Keeping 99% Performance

Mike Young -

mikeyoung44 profile image

AI Chatbots Get More Human-Like with New Personality Modeling System

Mike Young -

pikotutorial profile image

Enums vs enum class in C++

pikoTutorial -

mikeyoung44 profile image

AI Model Achieves Record Performance in Image-Text Matching with Less Training Data

Mike Young -

DEV Live Events

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️