Build with Azure OpenAI, Copilot Studio & Agentic Frameworks — Microsoft Certified
The Investment Banker Certification
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn to create an interactive CSS-only lightsaber with sound effects in this 34-minute tutorial video. Explore advanced CSS techniques to style the hilt and blade, implement on/off functionality, add color variations, and even incorporate the unique Darksaber shape. Discover how to use CSS to play sounds, adding an extra layer of immersion to your lightsaber creation. Gain insights into border-radius properties and follow along with a provided Codepen example. Perfect for Star Wars fans and CSS enthusiasts looking to enhance their front-end development skills.
Syllabus
- Intro
- What we are starting with
- Styling the hilt
- Styling the blade
- Turning it on and off
- Adding the different colors
- Darksaber shape
- Adding the sound with CSS
Taught by
Kevin Powell