Patrick Labelle
Patrick's Blog

Follow

Patrick's Blog

Follow
Smashing game in a browser!?!

Smashing game in a browser!?!

Patrick Labelle's photo
Patrick Labelle
·Apr 2, 2021

One of my most recent projects was to create a "Click smashing" type game on Html using CSS and JavaScript.

Ran into some issues with my attempt to use LessCss in order to create the animated border you see around the navigation bar and game. I found out that according to the same-origin policy ES6 modules are subjected to limitations that would require me to run my script on a local server.

Decided to figure out a way to use regular CSS to create the animated border I wanted. Converted the code I was using in LessCss into regular CSS and applied the keyframes rule to animate gradient.

Code available: github.com/Kealiwyn

 
Share this