JMiur [E]

before es lo que está antes , after es lo que está después ... los pseudo-elementos ::after y ::before resultan ser muy sencillos de manejar y tener infinitas posibilidades ya que nos permiten agregar contenido utilizando el CSS.

13 comentarios:

MikeSoft  

Eres un Astro!!
encerio no se como haces para poder poner los estilos en blogger!! O_O
deberias reclutar aprendices ahi estaria yo :D

Responder
Alejandro  

Parece muy potente para poder experimentar nuevos truquitos, y me parece que lo has explicativo cojonudo! parece muy sencillo! voy a practicar!

Responder
Oloman  

De todas las novedades de CSS3, esta es la que más me gusta por la cantidad de aplicaciones que puede tener..

Responder
JMiur  

MikeSoft
Pués no hay mayores problemas para agregar estilos en Blogger porque no hay restricciones.

Alejandro:
Es para eso, para experimentar y ver que sale :D

Oloman:
Realmente es así. Tal vez, es un poco confuso y hay que probar y ver que sale pero podría llegar a tener muchas aplicaciones prácticas.

Responder
Karla  

Esto tiene muy buenas aplicaciones JMiur, y que bueno que aclaraste de lo usar : y doble ::, ya que no siempre lo marcan, cuando lo usan en algunos tutoriales, hace tiempo lo leía en un libro de CSS muy popular de la red llamado libros Web...
...hay un ejemplo de la W3C, muy claro, que puede ayudar a entender como aplicarlo, y explican usándolo en los blockquotes, o citas:

http://www.spanish-translator-services.com/espanol/t/007/roundshadow.html

o acá, en en esta página en inglés, para crear esquinas redondeadas:

http://virtuelvis.com/gallery/css/rounded/

Muy buen tutorial ;) y Salu2!!.

Responder
JMiur  

Veremos de qué se trata :D

Responder
NickJP!^xD  

Amigo tengo un problemita con los navegadores resulta q en firefox chrome y opera la pagina se ve perfecta como la estoy diseñando... pero en IE8 los bordes "redondeados" ni los ribbon = before {}after {} " no funcionan en dicho explorador que me recomiendas hacer ?

q problema con internet Explorer no es nada que todo windows lo trae jaja

Responder
JMiur  

IE8 no interpreta las propiedades de bordes redondeados (border-radius) pero tanto :after como :before funcionan perfectamente.

Tendría que ver cuál es el ejemplo concreto pero, dos detalles a tener en cuenta. Primero, colocar en tu página la etiqueta META correspondiente para indicarle a IE que no use el modo compatibilidad; luego de <head>:

<meta content='IE=8' http-equiv='X-UA-Compatible'/>

Segundo, verificar la configuración del navegador porque por defecto, está en modo compatibilidad y no funciona como 8 sino como 7.

Responder
Graciela  

Guau Jmiur! me encanta, solo tengo que aprender, para cuando la escuela! ;) :P

Responder
JMiur  

Nada de escuelas. Prefiero el patio de juegos :D

Responder
Indeziisoow  

Excelente JMiur, muy buena entrada. :D

Responder
HOMUNFAGO  

Me ha gustad mucho el último efecto, lo acabó de implementar a mis imágenes y han quedado super bien :D

Muchas gracias Jmiur

Responder
JMiur  

Perfecto, HOMUNFAGO :D

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR