This content originally appeared on DEV Community and was authored by Trishna Pattanaik
This is a submission for Frontend Challenge - June Celebrations, CSS Art: June Celebrations.
Inspiration
I’m celebrating Rath Yatra, a sacred festival held in Odisha, India where the deities Lord Jagannath, Balabhadra, and Subhadra are carried on elaborately decorated wooden chariots. The energy, devotion, and grandeur of this procession are beyond words — and I wanted to capture the spirit of it using pure CSS.
Demo
Page: https://trishna06.github.io/JuneFrontendChallenge/rath-yatra.html
Github Repo: https://github.com/trishna06/JuneFrontendChallenge
Journey
I created a minimalist CSS illustration of a chariot (ratha), complete with wheels, canopies, and temple elements. The design is symbolic — focusing on clean shapes, traditional red/yellow color schemes, and a representation of the deities through abstract forms.
Approach:
Used pure CSS gradients, borders, and clip-path for detailing
A spinning animation for wheels
A flag swaying using CSS keyframes for realism
Highlights:
The challenge was designing a temple-style chariot without any images or SVGs
I learned to better manipulate clip-path and transform for geometric patterns
I’m proud of how the cultural essence comes through despite the simplicity
Credits
Built by @trishnapattanaik
From Odisha 🇮🇳 — sharing my culture with the world! 🌏
This content originally appeared on DEV Community and was authored by Trishna Pattanaik
Trishna Pattanaik | Sciencx (2025-06-28T20:06:53+00:00) Rath Yatra – Chariots of Divine 🙏🏼. Retrieved from https://www.scien.cx/2025/06/28/rath-yatra-chariots-of-divine-%f0%9f%99%8f%f0%9f%8f%bc/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.