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:
Homer CSS
Con CSS podemos hacer casi todo, en este caso crearemos a un divertido Homer, aplicando divs junto con CSS y sin usar ninguna imagen. Está probado en Internet Explorer (IE) 5.5, 6, 7, Firefox 2, Safari 3 y Opera 9, y se ve correctamente (Es decir, es cross-browser). Se puede ver un ejemplo de este … Lee más!
Varios trucos con CSS3
CSS3 está empezando a usarse. CSS3 amplia las posibilidades de personalización de nuestra página web. Lástima que estos efectos solo puedan verse si usas Firefox o Safari. En el salto de la página te mostraremos algunos ejemplos:
¡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.
