Como crear esquinas y bordes redondeados con CSS3 Generator

Crear esquinas y bordes redondeados con CSS para tu sitio web o blog es ahora muy sencillo con esta herramienta online. CSS3 Generator nos permite crear un div o box con los bordeas redondeados.

Si en tu sitio web o blog utiliza imágenes para redondear las esquinas de los bordes lo mejor será que utilices CSS para crear esas esquinas redondeadas en tu diseño. CSS3 Generator nos hará el trabajo de generar el código adecuado para no tener que codificar absolutamente nada, solo tenemos que introducir el tamaño del borde, adicionarle sombra, incluirle un degradado (por supuesto si imagen).

CSS3 Generator al momento generar el código para crear las esquinas y bordes redondeado, degradado, sombra y opacidad, añade también la compatibilidad para Firefox, Google Chrome, Safari, Internet Explorer 9, en el caso de Internet Explorer en versiones anteriores puede que el degradado no funcione por la compatibilidad.

Como crear esquinas redondeadas con CSS

  • Ingresamos a CSS3 Generator
  • En Basic escribimos el tamaño del borde, el fondo y el color del borde.
  • Border-radius. Aquí introducimos el tamaño del borde que queremos crear.
  • Box-shadows. Creamos la sombra para nuestro borde.
  • Background gradient. Activamos esta opción (OFF/ON) para añadirle un fondo degradado.
  • Opacity. Generamos la opacidad del fondo degradado.
  • Si quieres que el código generado tenga compatibilidad con Internet Explorer 7 & 8 activa la casilla de YES.

omo crear esquinas y bordes redondeados con CSS3 Generator

Y por último cuando ya tengamos nuestra esquina y borde redondeado listo, hacemos clic en GET THE CODE! Para obtener el código y pegarlo en nuestro sitio web o blog.

Enlace a Crear esquinas y bordes redondeados con CSS

Descubre más

3 Commentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *