En muchos sitios web, suelen ponerse valoraciones (a los productos en las tiendas on line, a las noticias en los portales, etc.). La mayoria utilizan un diseño con números del 1 al 5 por ser lo más práctico, y cuando colocan un diseño con imagenes (estrellas por ejemplo), lo hacen con javaScript para darle el efecto.
Este tutorial te muestra como crear el diseño de un Raiting Star sólo con CSS, práctico, sencillo y con un código muy limpio.
Ver ejemplo y código fuente: CSS Raiting Selector
Ver tutorial (Ingles): Creating a Star Rater using CSS
Si te gustó este artículo también te gustará...
¿Deseas personalizar los checkbox de un sitio web con CSS, sin necesidad de utilizar JavaScript? Hoy vamos a comentar de una...
11/07/2013 - 12:41am
PXtoEM.com es un sitio web que nos permite convertir valores en píxeles a EMs y viceversa. Recordando el artículo Cómo usar ems en vez...
07/11/2012 - 7:48pm
En años pasados, los diseñadores de páginas web utilizaban principalmente el em para definir el tamaño o dimensión de la fuente...
30/09/2012 - 7:50pm
