Una de las cosas que mas me gusta de CSS 3 es la facilidad con las que uno puede crear bordes redondeados sin utilizar imágenes, algo que se viene pidiendo desde hace mucho tiempo y que desde hace poco tiempo es posible.
Si bien siempre es recomendable aprender a utilizar CSS sin la necesidad de herramienta la realidad es que las herramientas existen para hacernos la vida mas simple, por esa misma razón me parece interesante el sitio Border Radius, que como se imaginaran sirve para crear bordes redondeados aprovechando el potencial de esta propiedad.
Su utilización no encierra complejidad alguna, basta con colocar un valor a cada esquina para que esta se curve, automáticamente en el centro se creara el CSS para que lo podamos colocar en nuestras hojas de estilo y así obtener hermosas cajas de bordes redondeados.
Herramienta simple, pero que va directo a mis favoritos 😀
Web: Border Radius
Crear bordes redondeados con css
15 años ago
[…] como nos queda bien podemos echar mano de una herramienta online que acabo de conocer hoy gracias a Kabytes, se trata de Border radius donde tan solo tendrás que indicarle los valores de las cuatro esquinas […]
saiseihogo
15 años ago
Creo que en la captura hay un pequeño error… si bien se especifica que la curva sea de 2px en las esquinas izquierdas en las de la derecha son de 12px y 5px, valor que no se especifica correctamente en el código.
Además que en este caso yo preferiría usarlo todo comprimido:
-moz-border-radius: 12px 5px 2px 2px;
-webkit-border-radius: 12px 5px 2px 2px;
-border-radius: 12px 5px 2px 2px;
Pero de igual manera se puede poner por separado todo como se muestra en la captura.
Pablo
15 años ago
@saiseihogo: Efectivamente, es que estaba jugando con los valores y no actualice el campo, entonces por eso ves dos valores distintos 😛
Herramientas y utilidades curiosas (5) | Cosas sencillas
15 años ago
[…] que se viene pidiendo desde hace mucho tiempo y que desde hace poco tiempo es posible. [ Visto en Kabytes […]
Crea bordes redondeados con CSS online | ARTEgami
15 años ago
[…] Fuente: Kabytes […]
Generador de código CSS3 | Kabytes
15 años ago
[…] falta algo, pero lo podemos complementar con otra herramienta online, la capacidad de crear bordes redondeados. Vale la pena guardar en marcadores esta herramienta para cuando estamos cortos de tiempo y no […]
pepito en la red
14 años ago
realmente esto me sirvio de mucho, muchas gracias…