Septiembre 21, 2017, 02:28:03 pm
Visitante



Autor Tema:  [CSS] Cursores en CSS3  (Leído 1069 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Julio 04, 2014, 03:20:57 pm

MadeInYourWorld




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Diseñador y Informático
  • Actividad

  • 0%
  • Logros

Más información

[CSS] Cursores en CSS3
Por moltax (MadeInYw)
El cursor de un mouse al momento de maquetar mediante CSS no es muy utilizado, aún así desde la salida del famoso CSS3, existen unos cambios fabulosos , al igual pequeños como es en el caso de la propiedad cursor, aquellos que no conocen la propiedad los invito a revisar de ahora en adelante el contenido.

Desde CSS2 existian los cursos típicos:


Código: [Seleccionar]
cursor: auto;
cursor: inherit;
cursor: crosshair;
cursor: default;
cursor: help;
cursor: move;
cursor: pointer;
cursor: progress;
cursor: text;
cursor: wait;
cursor: e-resize;
cursor: ne-resize;
cursor: nw-resize;
cursor: n-resize;
cursor: se-resize;
cursor: sw-resize;
cursor: s-resize;
cursor: w-resize;

Desde la salida de CSS3 se incorporaron nuevos cursos a la lista:


Código: [Seleccionar]
cursor: none;
cursor: context-menu;
cursor: cell;
cursor: vertical-text;
cursor: alias;
cursor: copy;
cursor: no-drop;
cursor: not-allowed;
cursor: ew-resize;
cursor: ns-resize;
cursor: nesw-resize;
cursor: nwse-resize;
cursor: col-resize;
cursor: row-resize;
cursor: all-scroll;

También existen propietarios de cada navegador (Chrome/Firefox/Safari)

Código: [Seleccionar]
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;

Sin olvidar la propiedad de un cursor propio


Código: [Seleccionar]
cursor: url(images/cursor.cur);
cursor: url(images/cursor.png), default;

Ejemplos de cursores (todos):
http://www.csslab.cl/ejemplos/cursor/

Fuente de los ejemplos de cursores : WWW.csslab.cl

Linkback: http://minecraftmin.net/index.php?topic=3386.0





Respuesta #1 Julio 04, 2014, 06:57:28 pm

Hector99




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Lo difícil se consigue, lo imposible se intenta.
  • Actividad

  • 0%
  • Logros

Más información

No se si esto debería estar en esta sección,no me cuadra mucho con diseño gráfico.Pero bueno si nadie te dijo nada sera porque esta bien.Buen post.
Un saludo.


Respuesta #2 Julio 04, 2014, 06:59:52 pm

MadeInYourWorld




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Diseñador y Informático
  • Actividad

  • 0%
  • Logros

Más información

Dentro de lo que cabe css tiene que ver con el diseño, los colores del foro por ejemplo xd. Yo creo que si esta bien no se.


Respuesta #3 Julio 04, 2014, 07:05:08 pm

Hector99




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Lo difícil se consigue, lo imposible se intenta.
  • Actividad

  • 0%
  • Logros

Más información

Dentro de lo que cabe css tiene que ver con el diseño, los colores del foro por ejemplo xd. Yo creo que si esta bien no se.
Ok tranqui esta bien.Digo que igual se podría poner en Wedmaster o yo que se.Pero tampoco me hagas mucho caso.





Respuesta #4 Julio 07, 2014, 03:46:24 pm

Doc




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Developer Can
  • Actividad

  • 0%
  • Logros

Más información

Buen aporte...
 y sobre la seccion... pues webmaster y programacion web no se diferencian en mucho que digamos... asi que no veo problema que el post este aqui :3
Atte. Doc - Programador Canino
Estudiante de Ing. en Informatica
Moderador Global en Minecraftmin
Coordinador de Developers en MinPlay Network



Share via delicious Share via digg Share via facebook Share via furl Share via linkedin Share via myspace Share via reddit Share via stumble Share via technorati Share via twitter