Creating an Audio Player with Animations using JS and CSS(Part- 2). Complete tutorial | Code Grind
Learn how to create an Audio Player with animations using JavaScript and CSS. In this part, we'll be creating an animated slider. This is the second video in the two-part series, watch the first video to learn how to create the play/pause feature.
Links to other videos-
First Video of the Audio Player Series- • Creating an Audio Player with Animati...
Learn all about Emmet Abbreviations- • What are Emmet Abbreviations in HTML?...
Complete Neumorphism Series- • Neumorphism Tutorials
NCS Songs used-
Cradles(NCS)- • Sub Urban - Cradles | Pop | NCS - Cop...
Faded(NCS)- • Video
Dance Monkey(NCS)- • Video
Gangnam Style(NCS)- • Video
Ignite(NCS)- • Alan Walker & K-391 – Ignite ft. Juli...
External links-
Download Poppins font- https://bit.ly/3gTWyU3
Neumorphism code generator- https://neumorphism.io
Download source code- https://codepen.io/codegrind6/pen/Rwa...
Follow me on Social Media-
Instagram- / codegrind6
Like the video if you think this is what you were looking for and you learnt something new from it.
Subscribe to the channel for more such amazing tutorials on CSS and JavaScript.
#audio #player #css #javascript #html #bootstrap #tutorial #tutorials #explanation #element #css3 #animation #darkmode #animation #animations #slider #toggle #play #pause #ogg #mp3 #html5 #vanilla #js #website #websites #webdesigning #webdevelopment #developer #codegrind #coding #code #grind #google #fonts #font #awesome #codepen #poppins #vscode #vs #microsoft #neumorphism #skeumorphism #neumorphic #skeumorphic #ui #ux #user #interface #ui #ux #linear #gradient