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.
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:
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
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>:
Eres un Astro!!
ResponderBorrarencerio no se como haces para poder poner los estilos en blogger!! O_O
deberias reclutar aprendices ahi estaria yo :D
Parece muy potente para poder experimentar nuevos truquitos, y me parece que lo has explicativo cojonudo! parece muy sencillo! voy a practicar!
ResponderBorrarDe todas las novedades de CSS3, esta es la que más me gusta por la cantidad de aplicaciones que puede tener..
ResponderBorrarMikeSoft
ResponderBorrarPué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.
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...
ResponderBorrar...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!!.
Veremos de qué se trata :D
ResponderBorrarAmigo 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 ?
ResponderBorrarq problema con internet Explorer no es nada que todo windows lo trae jaja
IE8 no interpreta las propiedades de bordes redondeados (border-radius) pero tanto :after como :before funcionan perfectamente.
ResponderBorrarTendrí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.
Guau Jmiur! me encanta, solo tengo que aprender, para cuando la escuela! ;) :P
ResponderBorrarNada de escuelas. Prefiero el patio de juegos :D
ResponderBorrarExcelente JMiur, muy buena entrada. :D
ResponderBorrarMe ha gustad mucho el último efecto, lo acabó de implementar a mis imágenes y han quedado super bien :D
ResponderBorrarMuchas gracias Jmiur
Perfecto, HOMUNFAGO :D
ResponderBorrar