DEV Community

Cover image for From Barriers to Opportunity: A Glass Ceiling Animation
Bharath Manepalli
Bharath Manepalli

Posted on

From Barriers to Opportunity: A Glass Ceiling Animation

WeCoded 2026: Frontend Art 💜

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!

Top comments (0)