Código de CSS - Cursores en css2 y css3

Imágen de perfil

Cursores en css2 y css3gráfica de visualizaciones


CSS

Publicado el 21 de Agosto del 2013 por Xavi
3.006 visualizaciones desde el 21 de Agosto del 2013. Una media de 21 por semana
Código que muestra los distintos cursores para CSS2 y CSS3

Versión 1

Publicado el 21 de Agosto del 2013gráfica de visualizaciones de la versión: Versión 1
3.007 visualizaciones desde el 21 de Agosto del 2013. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Puedes visualizarlo desde aquí
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
59
60
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Cursores en css2 y css3</title>
 
    <style>
    h2 {padding-top:20px;}
    ul {overflow:hidden;list-style-type:none;}
    li {float:left;width:100px;padding:20px;margin:2px;border:1px solid #ccc;}
    </style>
</head>
 
<body>
    <h1>Cursores en css2 y css3</h1>
 
    <h2>Cursores CSS2</h2>
    <ul>
        <li style='cursor:crosshair;'>crosshair</li>
        <li style='cursor:default;'>default</li>
        <li style='cursor:pointer;'>pointer</li>
        <li style='cursor:move;'>move</li>
        <li style='cursor:e-resize;'>e-resize</li>
        <li style='cursor:ne-resize;'>ne-resize</li>
        <li style='cursor:nw-resize;'>nw-resize</li>
        <li style='cursor:n-resize;'>n-resize</li>
        <li style='cursor:se-resize;'>se-resize</li>
        <li style='cursor:sw-resize;'>sw-resize</li>
        <li style='cursor:s-resize;'>s-resize</li>
        <li style='cursor:w-resize;'>w-resize</li>
        <li style='cursor:text;'>text</li>
        <li style='cursor:wait;'>wait</li>
        <li style='cursor:help;'>help</li>
        <li style='cursor:progress;'>progress</li>
    </ul>
 
    <h2>Cursores CSS3</h2>
    <ul>
        <li style='cursor:none;'>none</li>
        <li style='cursor:context-menu;'>context-menu</li>
        <li style='cursor:cell;'>cell</li>
        <li style='cursor:vertical-text;'>vertical-text</li>
        <li style='cursor:alias;'>alias</li>
        <li style='cursor:copy;'>copy</li>
        <li style='cursor:no-drop;'>no-drop</li>
        <li style='cursor:not-allowed;'>not-allowed</li>
        <li style='cursor:col-resize;'>col-resize</li>
        <li style='cursor:row-resize;'>row-resize</li>
        <li style='cursor:ew-resize;'>ew-resize</li>
        <li style='cursor:ns-resize;'>ns-resize</li>
        <li style='cursor:nesw-resize;'>nesw-resize</li>
        <li style='cursor:nwse-resize;'>nwse-resize</li>
        <li style='cursor:all-scroll;'>all-scroll</li>
        <li style='cursor:zoom-in;'>zoom-in</li>
        <li style='cursor:zoom-out;'>zoom-out</li>
    </ul>
 
    <p><a href="http://www.lawebdelprogramador.com/">http://www.lawebdelprogramador.com/</a></p>
</body>
</html>



Comentarios sobre la versión: Versión 1 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2465