14 lines
1.3 KiB
Markdown
14 lines
1.3 KiB
Markdown
|
# CSS Scene - Industrialization and Climate Change
|
||
|
|
|
||
|
|
A Pen created on CodePen.io. Original URL: [https://codepen.io/shadow-scientist/pen/PoGvrQv](https://codepen.io/shadow-scientist/pen/PoGvrQv).
|
||
|
|
|
||
|
|
With the increasing amount of CO2 in the atmosphere, every year we experience record-breaking disasters. It's no surprise situation will become worse every time. If it continues like this, the world will become inappropriate for living. We have to reduce the usage of CO2 for growth and industrialization as much as possible to control climate change.
|
||
|
|
|
||
|
|
It won't happen overnight, nor the next day, but we all can make a difference if we want to 💯
|
||
|
|
|
||
|
|
This design is a CSS-JS recreation of [Kurzgesagt youtube videos](https://www.youtube.com/c/inanutshell/) (these two segments [8:04](https://youtu.be/wbR-5mHI6bo?t=483), [0:55](https://youtu.be/ipVxxxqwBQw?t=55)). Thank you so much for the inspiration. I enjoyed this project a lot 😊
|
||
|
|
|
||
|
|
First I created the smoke with CSS, but it won't work as intended. So I wrote a little JavaScript for the simulation. The animation is resource-intensive for continuous reflow and repaint, it will be paused through the `window.blur` event if it's running in the background.
|
||
|
|
|
||
|
|
This project was created for the CodePen challenge held in January 2021. It took me a while to make it responsive (kinda 😅)
|