MyWebPractice/CSS/Cursor.html at main · kimpro82/MyWebPractice · 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
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>Mouse Cursor Customization</title>
        <meta name="author" content="kimpro82">
        <link rel="stylesheet" href="./Cursor.css">
    </head>

    <body>
        <div id="box">
            <h2>Mouse Cursor Customization</h2>

            <br>

            <span class="auto">auto</span>
            <span class="crosshair">crosshair</span>
            <span class="default">default</span>
            <span class="help">help</span>
            <span class="text">text</span>
            <span class="wait">wait</span>

            <br>

            <span class="n-resize">n-resize</span>
            <span class="s-resize">s-resize</span>
            <span class="ne-resize">ne-resize</span>
            <span class="sw-resize">sw-resize</span>

            <br>

            <span class="nw-resize">nw-resize</span>
            <span class="se-resize">se-resize</span>
            <span class="e-resize">e-resize</span>
            <span class="w-resize">w-resize</span>

            <br>

            <span class="pointer">pointer</span>
            <span class="progress">progress</span>
            <span class="not-allowed">not-allowed</span>
            <span class="no-drop">no-drop</span>

            <br>

            <span class="vertical-text">vertical-text</span>
            <span class="all-scroll">all-scroll</span>
            <span class="col-resize">col-resize</span>
            <span class="row-resize">row-resize</span>
        </div>

        <br>
        &nbsp;                                              <!-- to stay cursor when capture -->
    </body>

</html>