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

*
[CSS] Cursores en CSS3
« en: Julio 04, 2014, 03:20:57 pm »
[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
*

    Desconectado Hector99

  • *
  • 1218
  • Sexo: Masculino
  • Lo difícil se consigue, lo imposible se intenta.
Re:[CSS] Cursores en CSS3
« Respuesta #1 en: Julio 04, 2014, 06:57:28 pm »
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.
*
Re:[CSS] Cursores en CSS3
« Respuesta #2 en: Julio 04, 2014, 06:59:52 pm »
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.
*

    Desconectado Hector99

  • *
  • 1218
  • Sexo: Masculino
  • Lo difícil se consigue, lo imposible se intenta.
Re:[CSS] Cursores en CSS3
« Respuesta #3 en: Julio 04, 2014, 07:05:08 pm »
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.
*

    Desconectado Doc

  • *
  • 246
  • Sexo: Masculino
  • Developer Can
    • Web personal
Re:[CSS] Cursores en CSS3
« Respuesta #4 en: Julio 07, 2014, 03:46:24 pm »
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