border-radius
.border-radius
recibe un tamaño (puede ser en pixeles, rems, etc.) como valor.5px
a un div
con clase redondeado
utilizarías la siguiente regla:border-top-left-radius
border-top-right-radius
border-bottom-left-radius
border-bottom-left-radius
border-radius
. Por ejemplo, puedes definir el tamaño de cada esquina separando los valores por espacio:box-shadow
para agregarle sombra a una caja y text-shadow
para agregarle sombra al texto.box-shadow
.box-shadow
recibe los siguientes valores separados por espacio:text-shadow
.text-shadow
recibe los siguentes valores separados por espacio:linear-gradient
en la propiedad background
o background-image
:linear-gradient
. Los posibles valores son:to bottom
- hacia abajo (el valor por defecto).to top
- hacia arriba.to right
- hacia la derecha.to left
- hacia la izquierda.to top left
- hacia la esquina superior izquierda.to top right
- hacia la esquina superior derecha.to bottom left
- hacia la esquina inferior izquierda.to bottom right
- hacia la esquina inferior derecha.90deg
, -45deg
, etc.)radial-gradient
en la propiedad background
o background-image
:radial-gradient
:top
, right
, bottom
, left
, top right
, etc.