Dynamic weather🌤 Interface with just CSS!

#html #css #100daysofcode

kapeel kokane Apr 22, 2020 ・1 min read

When I opened the twitter app today, I came across this beautiful weather widget by Ellie:

ᴇʟʟɪᴇ ♡

@ellie_html

#100DaysOfCode DAY 85 -

Today I went back to basics with CSS animations to refresh my mind on it. Ended up making these weather inspired cards with some simple CSS shapes and subtle animations!!

16:35 PM - 21 Apr 2020

114 1345

I thought to myself, "Wow that is great!😲. Wish I had that kind of CSS skills." and the very next moment I thought, "Why not give it a shot!". I spent the next 2 hours👨🏾‍💻 struggling with it and googling several CSS properties and got this end result. Not bad for my first time, I would say.

I urge you guys to give it a try too!
Let us utilize this lockdown duration to upskill ourselves and learn new stuff on a daily basis. Let me know how your challenge turns out in the comments section below.
Cheers!