Código de CSS - Cursores en css2 y css3

Imágen de perfil
Val: 637
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Cursores en css2 y css3gráfica de visualizaciones


CSS

Publicado el 21 de Agosto del 2013 por Xavi
3.646 visualizaciones desde el 21 de Agosto del 2013
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.647 visualizaciones desde el 21 de Agosto del 2013
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
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2465