Crear un botón rollover con CSS Sprites
Os mostraremos como crear un botón rollover sin necesidad de usar Javascript, solo con CSS e imagen voluntaria. Lo podemos hacer de varias maneras, aplicando la clase a un enlace, un div o un button:
Crea tus forms con estilo
Los forms (cajas de texto) en cada navegador se ven distinto, así que, ¿Por qué no aplicarle un poco de personalidad?. Simplemente vamos a aplicarle CSS para que parezca más bonito y no cambie según cada navegador. El resultado sería algo parecido a esto: Si no lo puedes ver, aquí va una imagen: El código … Lee más!
Cuando CSS se disfraza sexy
Imágenes que simulan propiedades CSS de una forma amena de entender ya que nos motivará más por su contenido (Si analizamos las imágenes, veremos que las propiedades que se muestran tiene relación con ésta):
Diferencia entre bordes redondeados con CSS2 y CSS3
CSS3 permite muchas más opciones de personalización de imágenes ya incluidas en CSS, usando la propiedad border-radius, sin necesidad de crear el efecto de dicha imagen en Photoshop, lo que facilita y nos ahorra trabajo, a la vez que la web carga mejor (ya que no existen imágenes). Podemos ver la diferencia del potencial de … Lee más!
Sistema de puntuación con CSS
Podemos crear un sistema de puntuación hecho mediante CSS, usando simplemente las listas de HTML para determinar la puntuación y la propiedad background-position para precargar las imágenes del rating cuando pasemos el ratón por encima de ellas. Para ello deberemos seguir estos pasos:
Juego de cartas con CSS
La flexibilidad de CSS es impresionante, hasta podemos crear un juego de cartas solamente con CSS y unas imágenes. Si deseamos crearlo, allá van los pasos:
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
