Skip to main content

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

can i make fade-in transitions?

(+2)

I tried to work around with this

img {opacity: 0;  transition: opacity 0.5s ease-in-out;}

img.fade-in {opacity: 1;}

img.fade-out {opacity: 0;}


but it wouldn't work

(+3)

Hey I just made fade-in and out css file.
you can download the file from here ->
https://drive.google.com/file/d/1OtxlKCNg3gG5s11LNyXriM14aP05VX3x/view?usp=drive...

The css file has five fade-in out functions. add a string to class as you want;

fade_in, fade_out

fade_in_up, fade_out_up

fade_in_down, fade_out_down

fade_in_right, fade_out_right

fade_in_left, fade_out_left


Instruction:

1. Open the fade.css file from project setting - css styles file - open fade.css

2. Add strings to class

3. Enjoy!



*ah, if you think fade in and out time is too long, you can open the file and adjust the time. ex) animation: fade_out 3s; -> animation: fade_out 1s;

wow!!! cool!!!

(-1)

oh wow! thats cool! but how do i change the transition color? because the transitions were white. I wanted to do black color transition. example: fade out black