Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines
(+1)

For the hover function you need the :hover CSS event
Example: https://www.w3schools.com/cssref/tryit.php?filename=trycss_sel_hover

Step 1
go to the global css styles section


Strp 2

Come up with a name for the style, be sure to put a dot in front of the name to indicate that this is a style class that can be applied to multiple objects

Add curly braces and write css options inside them.

Create another class with the same name but add :hover after the name. Inside the curly braces, specify which options you want to change on hover.


Strp 3

To apply a CSS class to an object, simply specify the class name in the object's properties in the Class Name section. Multiple classes can be applied to the same object, separated by spaces.


(+1)

thank you for your response! Unfortunately I keep running into a problem with the global css style section, I've tried the example you provided and a few others but it doesn't apply, I click back onto the code edit and the code is gone! is there anyway to fix that? Thanks :]

(1 edit)

I'm sorry! the missing code is a bug in the latest version, at the end of the week I will publish an update that fixes this bug.

or you can use the latest stable version on GitHub right now: https://kirilllive.github.io/tuesday-js/translate/en_tuesday_visual.html

(+1)

Thank you for your guidance! I appreciate your time :]

I added an example with a demonstration of hovering over an object

https://kirilllive.github.io/tuesday-js/example/example_mouse_hover_css.json