From Barriers to Opportunity: A Glass Ceiling Animation

This is a submission for the 2026 WeCoded Challenge: Frontend Art

Breaking the Glass Ceiling Through Code

Show us your Art

👉 https://codepen.io/Nani-Hatake/pen/QwKQdZz

Inspiration

This piece represents the idea of breaking invisible barriers in technology and opportunities through visual storytelling.

I wanted to express this concept using only HTML and CSS animations. The glass-like surface represents limitations and barriers that exist in many spaces, while the cracking and falling shards symbolize those barriers being broken over time.

As the glass breaks, the idea of code and opportunity rises upward, representing progress, growth, and equal access to technology. The entire piece is built with simple frontend tools to show that even basic web technologies can be powerful for creative expression.

My Code

👉https://codepen.io/Nani-Hatake/pen/QwKQdZz

Optional Note

This project is built using only HTML and CSS, focusing on animation and visual storytelling

Thanks for the opportunity to participate in this challenge!