• 0
  • 3 RepliesReplies
  • 5844 ReadTimes Read
  • 0 PointsPoints

Topic: [CSS] Cursores en css3

Usuario: JTX3
Rango: Nuevo Usuario
Mensajes: 173
Points: 18
Mi web: http://themixure.com/index.php
Perfil: View Profile
Pais:
se
[CSS] Cursores en css3
November 12, 2013 - 11:03 23:03
[CSS] Cursores en CSS3
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:

Code: (CSS) [Select]
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:
Code: (css) [Select]
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)
Code: (css) [Select]
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
Code: (css) [Select]
cursor: url(images/cursor.cur);
cursor: url(images/cursor.png), default;

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

Fuente: CSS LAB

Saludos, Lokitox.
Críticos hay muchos, quienes ayuden, pocos.
no avatar
Usuario: xXViiRuSsXx
Rango: Nuevo Usuario
Mensajes: 27
Points: 1
Mi web: http://todofullhd.nl
Perfil: View Profile
Pais:
es
Re:[CSS] Cursores en css3
Reply #1 November 22, 2013 - 03:27 03:27
Gracias por la aportación.
Usuario: Papá distante
Rango: Moderador Global
Mensajes: 3504
Points: 168
Perfil: View Profile
Pais:
de
Re:[CSS] Cursores en css3
Reply #2 November 22, 2013 - 07:06 07:06
Ah mira! que buen tip para los css freaks!
no avatar
Usuario: elendullass3
Rango: Recién Llegada
Mensajes: 1
Points: 0
Mi web: http://www.sanmiguelforum.com/
Perfil: View Profile
Pais:
us
Re:[CSS] Cursores en css3
Reply #3 May 31, 2014 - 02:56 02:56
Gracias estaba buscandolos desde hace un buen tiempo, para utilizar en mi trabajo.
Saludos,
Elen



_________________________________________
Trabajo en Desarrollo web
 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines