YoVDO

CSS Only Lightsaber - With Sound

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses Sound Effects Courses Visual Effects Courses

Course Description

Overview

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

Related Courses

Code Yourself! An Introduction to Programming
University of Edinburgh via Coursera ¡A Programar! Una introducción a la programación
University of Edinburgh via Coursera Visual Effects for Guerrilla Filmmakers
Norwich University of the Arts via FutureLearn Unreal Engine Interactive 3D: Sequencer-Cinematography, Interfaces, Visual Effects, Pipelines, and Production
Rochester Institute of Technology via edX Create a Space Shooter Game with Scratch Studio
Coursera Project Network via Coursera