code-project/testing code at main · rakeshujjwal/code-project · 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
54
55
56
57
58
img.gif {
	visibility: hidden;
}

.jsgif {
	position: relative;
}

.gifcontrol {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;

	&:after {
		transition: background 0.25s ease-in-out;
		position: absolute;
		content: "";
		display: block;
		left: calc(50% - 25px);
		top: calc(50% - 25px);
	}

	&.loading {
		background: rgba(255, 255, 255, 0.75);
		&:after {
			background: #FF9900;
			width: 50px;
			height: 50px;
			border-radius: 50px;
		}
	}

	&.playing {
	g: border-box;
		}
		&:hover:after {
			opacity: 1;
		}
	}

	&.paused {
		background: rgba(255, 255, 255, 0.5);
		&:after {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 25px 0 25px 50px;
			border-color: transparent transparent transparent #ff9900;
		}
	}

	transition: background 0.25s ease-in-out;
	z-index: 100;

}