Teclas del teclado con CSS

Pablo

Keys CSS es un simpático trabajo de Michael Hüneburg, que logro emular las teclas del teclado utilizando para ello solo las hojas de estilo sin la necesidad de utilizar una sola imagen.

El archivo CSS esta disponible para nuestra descarga gratuita. Es interesante ver como esta creado, y sobre todo como se utilizan las propiedades CSS que son básicas pero combinadas logran estas fantásticas teclas.

teclas teclado css

Probablemente este recurso no sea de gran utilidad para muchas personas, no obstante a modo de curiosidad y para el aprendizaje viene muy bien :D

Web: Keys CSS

Pablo

Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.

Comentarios

  1. Gregorio Espadas Responder

    Lo malo es que no renderiza bien para Chrome / Chromium (no estoy seguro si sea parejo para Webkit). Le hice el comentario al autor de keys.css y me dijo que es un bug (¡con ticket abierto desde casi un año!) del renderizado del “inset” con box-shadow y border-radius. Una pena realmente.

  2. Pablo Responder

    @Gregorio: Que extraño, yo tambien utilizo Chrome de mac y ningún problema. Una lastima, ojalá lo puedan solucionar :(

Realizar un comentario