In my quest to expand my HTML/CSS I stumbled across this exercise at Codeacademy that showed you how to create a simple animated solar system using only CSS. I completed the exercise and added a bit more to it as well. I took his example and expanded upon it to include all of the planets, a few moons, and some rings around some planets. After I added a couple planets I knew that there was a pattern emerging and decided to use SASS to make my CSS cleaner, as well as it gave me an excuse to use it.
The latest can be found on github here, and I hosted the latest on my google drive here if you just want to view the finished product.
Besides getting a fundamental understanding of css animations, getting an opportunity to be SASSY, and doing something I thought was pretty awesome, I finally did something that impressed my kids.
No comments:
Post a Comment