csspointer/index.html at master · nancruz/csspointer · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:title" content="CSS Cursors" />
    <link rel="stylesheet" href="index.css">
    <link rel="shortcut icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/5c62c09c4d546e27dc1016c7/1549976271951-Q2I9TL4YCBWP6WGBG21S/ke17ZwdGBToddI8pDm48kNjpXgdB2GQ4GXsvq_1og8aoCXeSvxnTEQmG4uwOsdIceAoHiyRoc52GMN5_2H8Wp6_MLhNeL9yWw1amyLjdgohmCNS_LeH4t9qD0d_SmSPc_VumPslpQQgM4-VHAcYf4g/favicon.ico?format=">
    <title>CSS Cursors</title>
</head>
<body>
    <header>
        <h1>CSS CURSORS</h1>
    </header>
    <section>
        <div class="cursors">
            <div class="cursor" style="cursor: auto;">auto</div>
            <div class="cursor" style="cursor: default;">default</div>
            <div class="cursor" style="cursor: none;">none</div>
            <div class="cursor" style="cursor: context-menu;">context-menu</div>
            <div class="cursor" style="cursor: help;">help</div>
            <div class="cursor" style="cursor: pointer;">pointer</div>
            <div class="cursor" style="cursor: progress;">progress</div>
            <div class="cursor" style="cursor: wait;">wait</div>
            <div class="cursor" style="cursor: cell;">cell</div>
            <div class="cursor" style="cursor: crosshair;">crosshair</div>
            <div class="cursor" style="cursor: text;">text</div>
            <div class="cursor" style="cursor: vertical-text;">vertical-text</div>
            <div class="cursor" style="cursor: alias;">alias</div>
            <div class="cursor" style="cursor: copy;">copy</div>
            <div class="cursor" style="cursor: move;">move</div>
            <div class="cursor" style="cursor: no-drop;">no-drop</div>
            <div class="cursor" style="cursor: not-allowed;">not-allowed</div>
            <div class="cursor" style="cursor: all-scroll;">all-scroll</div>
            <div class="cursor" style="cursor: col-resize;">col-resize</div>
            <div class="cursor" style="cursor: row-resize;">row-resize</div>
            <div class="cursor" style="cursor: n-resize;">n-resize</div>
            <div class="cursor" style="cursor: s-resize;">s-resize</div>
            <div class="cursor" style="cursor: e-resize;">e-resize</div>
            <div class="cursor" style="cursor: w-resize;">w-resize</div>
            <div class="cursor" style="cursor: ns-resize;">ns-resize</div>
            <div class="cursor" style="cursor: ew-resize;">ew-resize</div>
            <div class="cursor" style="cursor: ne-resize;">ne-resize</div>
            <div class="cursor" style="cursor: nw-resize;">nw-resize</div>
            <div class="cursor" style="cursor: se-resize;">se-resize</div>
            <div class="cursor" style="cursor: sw-resize">sw-resize</div>
            <div class="cursor" style="cursor: nesw-resize">nesw-resize</div>
            <div class="cursor" style="cursor: nwse-resize">nwse-resize</div>
            <div class="cursor" style="cursor: zoom-in">zoom-in</div>
            <div class="cursor" style="cursor: zoom-out">zoom-out</div>
        </div>
    </section>
    <footer>
        Made by <a href="https://nunocruz.pt">Nuno Cruz</a>
    </footer>
</body>
</html>