 |
Usuario: Ingresar |
Blog de diseño gráfico, informática, tecnología y cultura política.
 |
| Dirección URL | http://cgnauta.blogspot.com/ Registrado:03-Feb-2008 |
Compartir:
|
|
 Enviar a email | Border-radius: Diseño Web con CSS 3 - Bordes redondeados en General |  Por matius
el 31-Dec-1969 | Este tutorial debe visualizarse desde Firefox, Opera, Safari o Google Chrome.
Si usan un navegador como Firefox, Chrome u Opera podrán ver cuales son las capacidades de diseño de CSS3 aplicados a la etiqueta DIV de abajo, que entrarán este año con las nuevas versiones de los navegadores más usados, incluyendo a Internet explorer.
Las principales en cuestiones de diseño son las propiedades border-radius que permite bordes redondeados sin usar imágenes. (Opera es el único navegador que implementa las instrucciones border-radius conforme lo que será la especificación de CSS 3)
aquí Primero veremos la propiedad que es bastante sencilla, actualmente para usarla en Firefox, Chrome y Opera deberemos anteponer la instrucción -moz y -webkit, aunque finalmente cuando la especificación se libere solamente tendremos que hacerlo con border-radius:
Por ejemplo en el siguiente cuadro en el estilo agregamos al atributo Style:
Style="
border-radius: 40px 60px 100px 100px;
-moz-border-radius: 40px 60px 100px 100px;
-webkit-border-radius: 40px 60px 100px 100px;
" 1 2
-
-
-
-
-
3 4
El código de colores corresponde al orden en que los valores afectas a las esquinas, esto es:
border-radius: esquina superior izquierda, esquina superior derecha, esquina inferior derecha y esquina inferior izquierda. ¿Simple no?
Aclaraciones de uso
border-radius - Nombre del estándar bajo CSS (De momento solamente Opera)
-moz-border-radius - Navegadores bajo el motor de Mozilla (Firefox)
-webkit-border-radius - Navegadores bajo Webkit (Safari y Chrome)
Internet Explorer no soporta ninguna instrucción, a partir de Internet Explorer 9 se implementará.
Leído 8 veces
|
|
 |
 | Blog And Web |  Blogueros | Tecnologia aplicada a weblogs, wordpress,plantillas y photoshop. Blog and Web Recursos para Blog y Web |
| Bordes redondeados en imágenes con CSS 3 y jQuery | | CSS 3 tiene la propiedad border-radius que permite crear bordes redondeados sin imágenes, sin embargo, esta propiedad tiene la limitante de que si se aplica a un elemento que contiene una imagen, no puede darle a esta, bordes redondeados.
Solución
En Web Designer Wall plantean una solución con jQuery y usando border-radius (ver demostración). La solución consiste [...] [..] Leer nota completa | | Publicado 01-Jul-2010 por Francisco en CSSJavascriptTutorialesborder-radiusCSS3Esquinas redondeadasjQuery
Leído 11 veces. Más resultados en    |
|
| Mercadolibreblog | León | Anuncios en Mexico clasificados en español.
Directorio de Contactos Todos los contactos empresariales de México |
| SERVICIO DE DISENO en PUEBLA | | Contacto: RAUL TAME ALVEAR Giro: SERVICIO DE DISENO Estado: PUEBLA Ciudad: PUEBLA Direccion: CALLE 29 SUR 3910 A-B COLONIA RIVERA DE SANTIAGO CP: 72410 Telefono: (222)2948173 Fax: 2948173 [..] Leer nota completa | | Publicado 22-Mar-2011 por Contacto AA en Empresas y ServiciosPueblaSERVICIO DE DISENO
Leído 3 veces. Más resultados en |
|
| Mercadolibreblog | León | Anuncios en Mexico clasificados en español.
Directorio de Contactos Todos los contactos empresariales de México |
| DISENO GRAFICO en PUEBLA | | Contacto: RAUL TAME ALVEAR Giro: DISENO GRAFICO Estado: PUEBLA Ciudad: PUEBLA Direccion: AVENIDA CALLE REAL 14 11 B COLONIA EMILIANO ZAPATA CP: 72470 Telefono: (222)2856346 Fax: 2856346 [..] Leer nota completa | | Publicado 22-Mar-2011 por Contacto AA en Empresas y ServiciosDISENO GRAFICOPuebla
Leído 4 veces. Más resultados en |
|
| Blogs De Guatemala | Guatemala | Blogs de Guatemala | Directorio de Blogs, donde los guatemaltecos escriben.
Noticias, información, clima, deportes, poesía, opinión, información Blogs de Guatemala Así se escribe en Guatemala. Directorio de Blogs Guatemaltecos |
| Algo de HIP HOP - You Got Me, One Block Radius | | Ultimamente, he visto en MTV Playlistvarios grupos de HIP HOP muy buenos,hay unas "rolas" padrísimas!!!Iniciaré con este recién formado grupo,los chavos se llaman"One Block Radius"con su rola "You Got Me"espero les guste, buenísima rola eh!!!
[..] Leer nota completa | | Publicado 05-Oct-2008 por Blogs de en artistas
Leído 16 veces. Más resultados en |
|
| En Tus Bordes |  Nada más cruzar la puerta ella soltó las llaves sobre una mesa llena de recuerdos en fotos.Silencio.- Estás en tu casa - dijo -. Puedes poner tus cosas donde quieras.Y no le hice caso sino que me quedé rozando con la punta de mis dedos las sonrisas y los besos plasmados entre marcos de una vida pasada, tan presente y joven como sus ganas de caminar y salir de una niebla espesa y plomiza. Ella pensó que le quita [..] Leer nota completa | | Publicado 04-May-2008 por AdR en Ilustracionescabanodesnudodibujofisicaherreroiglesiasilustracionesilustradorjeffreymaximaxi iglesias
Leído 56 veces. Más resultados en |
|
| Curioso Pero Inútil | Blogueros | Blog de Curiosidades de ciencias, biología, astronomía y física
CPI (Curioso pero inútil) En directo en la Red desde 11111010100 |
| Vidrios y bordes verdes |  Disculpen la aliteración en el título, pero es que venía al pelo. David nos pregunta:
Buenos días Remo
Me encanta el blog por esa forma sencilla y amena de acercar la ciencia a gente curiosa como nosotros… No sé si lo que viene será una consulta CPIera pero ahí va…
Leyendo la entrada sobre retrovisores me [...] [..] Leer nota completa | | Publicado 05-Dec-2007 por Remo en romulo loredoraúl gonzález de cascorroFestival Nacional de Teatro de CamagüeyFestival Nacional
Leído 178 veces. Más resultados en |
|
|
Advertencia YAAQUI.COM no verifica la veracidad de la información publicada y no se responsabiliza
por el uso que se le de a la infomación del contenido publicado en los feeds y weblogs independientes.
Las opiniones vertidas en este sitio no necesariamente son nuestras. Nos reservamos el derecho de
remover cualqueir material que consideremos inconveniente.
|
|
| |
Hola, Invitado
En línea: 99 visitantes
+ fotos
Para el día de hoy (07/02/11): [..] 
