reading-cursor/cursor.css at main · anantmittal/reading-cursor · 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
/* Reading Cursor Styles */
.reading-cursor {
	position: fixed;
	width: 20px;
	height: 20px;
	background: rgba(66, 133, 244, 0.8);
	border: 2px solid #4285f4;
	border-radius: 50%;
	pointer-events: none;
	z-index: 999999;
	box-shadow: 0 0 10px rgba(66, 133, 244, 0.5);
	transition: all 0.1s ease-out;
	display: none;
}

.reading-cursor.active {
	display: block;
}

.reading-cursor::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	background: white;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

/* Pulse animation for better visibility */
@keyframes pulse {
	0% {
		box-shadow: 0 0 10px rgba(66, 133, 244, 0.5);
	}
	50% {
		box-shadow: 0 0 20px rgba(66, 133, 244, 0.8);
	}
	100% {
		box-shadow: 0 0 10px rgba(66, 133, 244, 0.5);
	}
}

.reading-cursor.active {
	animation: pulse 2s infinite;
}