Nuevas propiedades en CSS3 - Tutorial de CSS

CSS3 introdujo una variedad de nuevas propiedades que amplían las posibilidades de estilización y diseño en comparación con sus versiones anteriores. Muchas de estas ya las hemos ido viendo en otros vídeos durante el curso, como son, por ejemplo, box-shadow, las transformaciones y transiciones, animaciones, flex y grid. Pero en este vídeo te quiero hablar de las nuevas propiedades de CSS3, radio de borde y degradados, las cuales te pueden ayudar mucho a personalizar los elementos en CSS. El border-radius es una propiedad que te permite redondear las esquinas de elementos con bordes, como divs o botones. Por ejemplo, si queremos redondear las esquinas de nuestro botón, podemos ir a nuestra hoja de estilos, declarar la etiqueta botón y dentro de esta añadir la propiedad border-radius y especificar cuánto queremos de redondeo en nuestro botón. Como ves, al aplicar 10 píxeles, ya nuestro botón se vuelve más redondo. Y también tenemos el gradiente, que no es una propiedad en sí, sino más…