CSS File

1/*

2 ________ __ __ __ __ _____ __

3| __ || | / \ | | | || __ \ | |

4| |__| || | / \ | |\ | || |__) | | |

5| _____|| | / /\ \ | | \| || / | |____ ___ ___

6| | | | / /__\ \ | |\ | || __ \ | ___ |\ \ / /

7| | | | / / \ \ | | \| || |__) |_ | |___| | \ \__/ /

8|__| |__|/__/ \__\|__| |__||_______(_)|_______| \ /

9 _| /

10 | /

11 |____/

12*/

13.em-fadeDown, .em-fadeBackground, .em-fadeTop, .em-fadeLeft, .em-fadeRight, .em-fadeOverlay, .em-fadeOverlayCircle, .em-fadeOverlay2 {position: relative;}

14

15

16.em-fadeInRight {transition: 1s;transform: translateX(150%);}

17

18.em-fadeInRight[data-emergence=visible] {transform: translateX(0);}

19

20

21.em-fadeInLeft {transition: 1s;transform: translateX(-150%);}

22

23.em-fadeInLeft[data-emergence=visible] {transform: translateX(0);}

24

25

26.em-fadeIn {transition: 1s;opacity: 0;}

27

28.em-fadeIn[data-emergence=visible] {opacity: 1;}

29

30

31.em-fadeOut {transition: 1s;height: 0;}

32

33.em-fadeOut[data-emergence=visible] {height: 100%;}

34

35

36.em-fadeBackground:after {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 0;background-color: var(--grey);z-index: -1;transition: width 1s ease-in-out;}

37

38.em-fadeBackground[data-emergence=visible]:after {width: 100%;}

39

40

...