In a recent trip to Japan, we visited tenths of incredible temples and shrines. We fell in love in the architecture, the atmosphere and the design. So much that Maia Livov decided to illustrate all the temples we visited. This is the first one in a series of animated SVGs based on her illustrations: the Sensoji Temple.
For a better view, see the full demo at codepen.io
The legend says that in the year 628, two brothers fished a statue of Kannon, the goddess of mercy, out of the Sumida River, and even though they put the statue back into the river, it always returned to them. Consequently, Sensoji was built nearby for the goddess of Kannon. The temple was completed in 645, making it Tokyo‘s oldest temple.
In this animated SVG, I used a few techniques to create the seamless forward and backward animation. Most importantly, all animations have the same duration, but each starts and ends at different points in the whole animation timeline.