CSS Coffee Filling Loader Animation
Yo guys 😀 We have a fantastic tutorial today and you're gonna learn how to design a Cup of Coffee with a Filling Loader Animated. Hope you guys like it and you can also download the files from my GitHub 👇
📂 Assets
Wavy coffee PNG: Download from my GitHub
🔗 Source code
https://github.com/hosseinnabi-ir/CSS...
🔔 Subscribe Now!
/ @codewithhossein
⏱ Timestamps
00:00 What are we gonna design?!
00:28 Cup & Handle Elements
00:36 General Styles
00:54 Cup & Handle Styles
02:55 Filling Animation
03:59 Adding Coffee Steams
04:08 Steams Styles
05:50 Steaming Animation
06:59 Final Result
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Anywhere [Official]
Music provided by Ikson®
Listen: • #66 Anywhere (Official)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Dreams pt. II (feat. Sara Skinner)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Dreams pt. II (feat. Sara Skinn...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Where We Started (feat. Jex) | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein