FilesExpand file tree

 main

/

fade-in.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

29 lines (29 loc) · 1.4 KB

 main

/

fade-in.js

Top

File metadata and controls

• Code
• Blame

29 lines (29 loc) · 1.4 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

/*

Copyright (C) 2022 wackyblackie

This program is free software: you can redistribute it and/or modify

it under the terms of the GNU Affero General Public License as published by

the Free Software Foundation, either version 3 of the License, or

(at your option) any later version.

This program is distributed in the hope that it will be useful,

but WITHOUT ANY WARRANTY; without even the implied warranty of

MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License

along with this program. If not, see <https://www.gnu.org/licenses/>.

*/

var body = document.getElementsByTagName('body')[0];

if (Number(window.getComputedStyle(body).getPropertyValue("opacity")) > 0) {

document.body.style.opacity = 0;

setTimeout(function(){opcaitize();}, 10);

}

function opcaitize() {

var opacity, intervalID = 0;

document.body.style.opacity = 0;

setInterval(function() {

opacity = Number(window.getComputedStyle(body).getPropertyValue("opacity"));

if (opacity < 1) {opacity = opacity + 0.1; body.style.opacity = opacity}

else {clearInterval(intervalID)}

}, 50);

if (typeof undefined === 'undefined') {console.log(undefined);}

// Adapted from: https://www.geeksforgeeks.org/how-to-add-fade-in-effect-using-pure-javascript/

}