interactive-coding/styles3.css at main · Sacred-G/interactive-coding · GitHub

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/**
 * Hang in there. We are almost done.
 */

pre:hover {
  box-shadow: 0px 0px 40px 5px rgba(255, 255, 255, 0.8);


}

#skip-animation,
#pause-resume {
  display: none;
}

/**
* I hope you enjoyed this.

*/

/**
* By the way, you can edit this box. Try adding new CSS!
*
* For example,
*
* The property 'text-shadow' takes the parameters:
* 'x', 'y', 'blur', 'color'.
*
* The property 'transform' takes the parameters:
* 'translateX', 'translateY', 'rotate', 'scaleX', 'scaleY'.
*
* try it on classes 'pre:hover' and 'value'.
* remmove the background-color property or change it.
*
*/

*.value {
  text-shadow: 0px 0px 0x rgb(196, 196, 196);
}

pre:hover {
  box-shadow: 0px 0px 40px 5px rgba(232, 8, 8, 0.8);
  background-color: black;

}


/**
* Try it out! There's lots you can do.
* Try playing with text sizes, shadows, animations, or just
* break the page. I won't hold it against you.
*/