-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestcursor.html
58 lines (52 loc) · 1.33 KB
/
testcursor.html
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
<!DOCTYPE html>
<HTML lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Working Description">
</head>
<!--Test page for possible icon designs, note this only works
as we can define css class, as the main game is manipulating the canvas object
there is nothing to hook into so will need to hook into mouse position.
This does have the advantage that animation would be possible
-->
<style>
.move{
cursor:url("/images/mousecursor_move.png"), auto;
}
.action{
cursor:url("/images/mousecursor_action.png"), auto;
}
.moveblackbg{
cursor:url("/images/mousecursor_move_blackbg.png"), auto;
}
.actionblackbg{
cursor:url("/images/mousecursor_action_blackbg.png"), auto;
}
img {
border-radius: 10%;
}
body {
background-color: lightgrey;
}
.column {
float: left;
width: 50.0%;
padding: 5px;
}
.row::after {
content: "";
clear: both;
display: table;
}
</style>
<body>
<div class="row">
<img class="move" src="/images/screenshot_check_icon_visibiilty.png">
<img class="action" src="/images/screenshot_check_icon_visibiilty.png">
</div>
<div class="row">
<img class="moveblackbg" src="/images/screenshot_check_icon_visibiilty.png">
<img class="actionblackbg" src="/images/screenshot_check_icon_visibiilty.png">
</div>
</body>
</HTML>