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.
Que algo esté alineado (text-align) o que flote (propiedad float) no …
Buenos Aires
Argentina
Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo.
El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje.
Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens.
Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer?
Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas.
Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?).
Resumiendo.
Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar.
Esto es to-to-todo amigos.
| CONTRAER ARCHIVOS |
|
13 comentarios:
Eres un Astro!!
encerio no se como haces para poder poner los estilos en blogger!! O_O
deberias reclutar aprendices ahi estaria yo
Parece muy potente para poder experimentar nuevos truquitos, y me parece que lo has explicativo cojonudo! parece muy sencillo! voy a practicar!
De todas las novedades de CSS3, esta es la que más me gusta por la cantidad de aplicaciones que puede tener..
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
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...
...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
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>:
<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! ;)
Nada de escuelas. Prefiero el patio de juegos
Excelente JMiur, muy buena entrada.
Me ha gustad mucho el último efecto, lo acabó de implementar a mis imágenes y han quedado super bien
Muchas gracias Jmiur
Perfecto, HOMUNFAGO
¿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 ...