Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Tag Archives css3

Conocer el top 10 de comandos CSS3 [parte 1/2]

6. Box-sizing, al viejo estilo

El estándar de box model del W3C se ha convertido ahora en una propiedad de un elemento, gracias al comando de CSS3: box-sizing: content-box.

Veamos un ejemplo:

El comando box-sizing también acepta border-box que hace que el padding se enmarque dentro de la caja y no sumándolo a las dimensiones de ésta, tal como hacía en su día Internet Explorer 5. Un ejemplo de uso con padding y border-box sería el siguiente:

7.

Directorio de juegos sobre HTML5. El potencial de HTML+CSS3+JS

Que la quinta versión de HTML sea una novedad y que últimamente existan cientos de noticias al respecto es evidente, nos enfrentamos a una tecnología que actualmente es desconocida por muchos, no tanto en uso si no en desarrollo.

De hecho, esta no es la primera vez que hablamos sobre HTML5 en Linux Hispano, lo hemos hecho en multitud de ocasiones, os recomiendo daros una vuelta sobre nuestras entradas más populares al respecto:

Conocer el top 10 de comandos CSS3 [parte 1/2]

Traducción del original Top 10 CSS3 commands de Webcredible.

1. Bordes radiales

Hasta la aparición de CSS3 para crear esquinas curvadas, teníamos que remitirnos al truco de las cuatro imágenes, cada una para cada esquina. Con CSS3 es tan simple como lo siguiente:

2. Sombra cuadrada

Una sombra puede ser aplicada a los elementos cuadrados utilizando una sola instrucción. Se necesitan tres números para definir cómo será:

  1. Distancia del desplazamiento horizontal: positivo significa a la derecha, negativo a la izquierda
  2. Distancia del desplazamiento vertical: positivo significa hacia abajo,