How can i make a background in website have a transition like those applied in PowerPoint slides?

Question

Transition on a webpage

Answer 1

Found something working on SoloLearn, I would suggest to study this one and play arround with it 😉

https://code.sololearn.com/WHo6sJKzANO1/?ref=app

Answer 2

Hmm codepen messes with the code, just copy pasting isn't gonna cut it..🤔

I found the real source of this code with explanation:

codyhouse.co/gem/animated-page-transition/

the source files are on github,

https://github.com/CodyHouse/animated-page-transition

you can study this if you want but it is more complicated then we tought..

uses 2 css files, 3 js files,..

Something simpler will be better to start with 😉

Answer 3

Well that is slightly more advanced 😀 I suggest you study those examples. They are even giving you the source cose 😉

Answer 4

I actually liked that one too the old school television. Anyways thanks when you learn anything on this subject hit me up I'd greatly appreciate 😁

Answer 5

Hey Oscar I think y mean this

https://www.w3schools.com/css/css3_gradients.asp

Answer 6

Not slightly I am talking of this example below
https://speckyboy.com/page-transition-effects/

Answer 7

Yeah but I am having a hard time understanding the code.

Answer 8

Good things take time 😉

Start with the more simple examples. They mention what is used to code in each example.

copy the code of the example to the sololearn editor
it uses plain html, css and js.
Y can start from there. good luck

I will try this later myself.

Old School Television

Answer 9

Thanks this has been really helpful