Generador de bordes redondeados, gracias a Google

Google GroupsOtra vez más Google facilitándonos el trabajo. Esta vez con una herramienta muy escondida pero también muy curiosa.

Empezaremos teniendo un enlace como este:

http://groups-beta.google.com/groups/roundedcorners
?c=680404&bc=fff&w=20&h=20&a=tr

Analizando el enlace veremos que tiene algunas variables. A continuación explico cada una y los valores que podemos darle:

  • c: Color del borde en hexadecimal, podemos usar la forma reducida (#RGB) o la completa (#RRGGBB) pero sin poner el #. También acepta el nombre del color especificado en CSS2: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white y yellow.
  • bc: Color del fondo. Al igual que el anterior podemos usar la forma reducida o la completa y los nombres de los colores. Un truco, si lo dejamos en blanco el fondo será transparente.
  • w: Ancho del borde en píxeles. Acepta valores del 1 al 64.
  • h: Alto del borde en píxeles. Lo mismo que el anterior, acepta del 1 al 64
  • a: Esquina que queremos generar. Podemos darle 4 valores distintos:
    • trTop-right o arriba-derecha.
    • tl Top-left o arriba-izquierda.
    • brBottom-right o abajo-derecha.
    • bl Bottom-left o abajo-izquierda.

Por ejemplo, si queremos una esquina inferior izquierda de color rojo (FF0000) con 25px de alto, 33px de ancho y de fondo azul (0000EE), la dirección sería esta:
http://groups-beta.google.com/groups/roundedcorners
?c=FF0000&bc=0000EE&w=33&h=25&a=bl

Y el resultado:
Borde redondeado

4 Comentarios
Mostrar todo Más útil Rating más alto Rating más bajo Añade tu reseña
  1. vaya , aleks de donde sacas estas cosas..

  2. estaba buscando algun generador de esquinas redondeadas y llegué a una pagina de google-groups que hablaban de esto

    Deje una respuesta

    Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

    Logo
    Restablecer la contraseña