Create Your Own Lightsaber using CSS for Star Wars Day!

Create Your Own Lightsaber using CSS for Star Wars Day!

May the force be with you!The Codepen: https://codepen.io/kevinpowell/pen/jOygvePPlaying Sounds with CSS on CSS Tricks: https://css-tricks.com/playing-sounds...

May the force be with you!

The Codepen:

Playing Sounds with CSS on CSS Tricks: https://css-tricks.com/playing-sounds-with-css/ (I made it sounds like I found this during the video, it was with the help of someone in the live chat on Twitch though, so a big thank you to them, it really put the cherry on the cake!)

More info on border-radius: https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

⌚ Chapters

  • 00:00 - Intro
  • 00:38 - What we are starting with
  • 01:49 - Styling the hilt
  • 06:51 - Styling the blade
  • 16:43 - Turning it on and off
  • 22:42 - Adding the different colors
  • 28:36 - Darksaber shape
  • 30:25 - Adding the sound with CSS

css web-development programming developer

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Hire CSS Developer

Want to develop a website or re-design using CSS Development? We build a website and we implemented CSS successfully if you are planning to **[Hire CSS Developer](https://hourlydeveloper.io/hire-dedicated-css-developer/ "Hire CSS Developer")**...

Why Web Development is Important for your Business

With the rapid development in technology, the old ways to do business have changed completely. A lot more advanced and developed ways are ...

Important Reasons to Hire a Professional Web Development Company

    You name the business and I will tell you how web development can help you promote your business. If it is a startup or you seeking some...

Web App Development Company | Web Application Development Service

Web development company in India & USA offers different types of web application development services with the best result oriented, clients all specifications, different technologies, etc with a cost-effective rate. Get a free quote.

Top Web Development Company in India

We are the best offshore web development company in India providing web applications on Blockchain, AI & Chatbots. 15+ Yrs Exp., Save upto 60% on development.