Esquinas CSS3, degradados, sombras y más ...

css3 propiedades

Hojas de Estilo en Cascada (CSS) es una tecnología increíble que le permite separar fácilmente el contenido del diseño. Seguimos trabajando con empresas que tienen sitios e interfaces codificados de forma rígida, lo que las obliga a depender de los desarrolladores para realizar las modificaciones. Si ahí es donde está su empresa, debe gritarle a su equipo de desarrollo (o conseguir uno nuevo). ¡El lanzamiento inicial de CSS fue hace 14 años! Ahora estamos en nuestra tercera iteración de CSS3.

CSS3 ahora está adoptado y es compatible con todas las últimas versiones de navegadores populares, ¡y es hora de aprovecharlo! En caso de que no se haya dado cuenta de lo que es posible con CSS3, oneextrapixel ha elaborado una bonita infografía sobre las características clave habilitadas por CSS3, incluida la aplicación de un radio de borde (esquinas redondeadas), opacidad (la capacidad de ver a través de un elemento), imágenes de borde, múltiples imágenes de fondo, degradados, transiciones de color, sombras de elementos y sombras de fuente. Hay algunos efectos increíbles que puedes desarrollar con el combinación de HTML5 y CSS3.

¿Por qué es importante CSS3? Actualmente, los diseñadores utilizan una combinación de gráficos, HTML y CSS para diseñar completamente páginas web que sean estéticamente agradables. Una vez que todos los elementos gráficos sean compatibles, eventualmente será posible eliminar Illustrator o Photoshop y hacer que el navegador represente los gráficos y las capas de la manera que nos gustaría que lo hicieran. Puede que todavía falte una década, pero cuanto más nos acerquemos, más agradables serán los sitios que podremos desarrollar y más fácil será desarrollarlos sobre la marcha.

css3 infografía completa

Si le preocupa adoptar CSS3 porque sus usuarios o visitantes todavía utilizan navegadores más antiguos, existen bibliotecas de JavaScript como Mondernizr puede incluir en sus proyectos HTML5 y CSS3 que ayudarán a los navegadores más antiguos a representar los elementos con precisión.

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.