Trucos CSS (25) - Pseudo elementos before y after

Visítanos en nuestra página web escuela.digital
Síguenos en Facebook: / escueladigitalperu
Síguenos en Twitter: / edigitalperu
Únete a la comunidad Escuela Digital en Facebook:
/ comunidad.escueladigital

[@nihil_um]

No me cansaré de agradecerte, por mi parte, lo mucho que haces (sin esperar nada a cambio) por los neófitos como yo... Muchas gracias, Álvaro.

[@danielcunza]

Estamos 2020 y tus videos antiguos aun me siguen enseñando :D

[@josea.pereirah.7220]

2022 :)

[@Cristian_oliver]

2023 😂

[@metaforas1125]

Llevo años revisando video de youtube de html, css, javasript, php, mysql, react y es la primera vez que veo un video tan facilito que explica las cosas demasiado facil, realmente tienes talento y voy a guardar tu video y tu nick para ver si algo más que pueda aprender de ti, me gusto mucho tu explicación, gracias.

[@danielcortezmanrique865]

He visto un par de tus videos y vaya que son útiles!! Son conceptos que ya "manejo" pero tu explicación me hace comprenderlos al 100. Gracias por tus aportes!!

[@diegoargueta780]

Tiendes una excelente habilidad para explicar. Tu primer video lo vi hace unos 3/4 años y todavía te sido aprendiendo cositas. Gracias crack

[@miguelgil2172]

Me salvaste , uuuffff muchas gracias! , todavía vigente la lección!

[@seica5561]

Excelente vídeo.. aun después de 5 años. este vídeo es muy actual.. Gracias desde Venezuela (09/10/2020)

[@tiamirta2495]

Estaria bueno que dejes en descripcion las tecnologias que utilizas, así nos nuevos entendemos mejor de donde sale todo. Saludos gracias por el vídeo.

[@diegoarmandohernandezforer3637]

Sos un genio , que seria del mundo sin personas como voz . exitos un abrazo

[@blashuamani2556]

excelentes trucos Alavaro Felipe son muchas las tecnicas de diseño que aprendo de ti atraves de tus videos que son bien explicadas y que se entienden muy claramente y tengo que desirte que enseñas 3 veces mejor que mis profesores de programacion, la verda seria bueno que enseñaran con esas ganas y con esos detalles que tienes. te agradesco por compartir tu conocimiento... y tu esfuerso sigue asi que todo esfueros tiene fruto. saludos desde AREQUIPA

[@hectorhuerta4529]

Buen tuto, yo añadiría como extra (aunque ya es obvio) que se pueden aprovechar los pseudoelementos para no ensuciar el marcado HTML cuando codeamos, y así nuestro marcado no contiene divs innecesarios o texto de símbolos raros que en nada benefician al SEO on Page :)

[@jorgeivanvegabetancourt6003]

llevaba rato sin entender el pseudoelemento pero por fin me ha quedado claro con tu explicacion!!

[@isaacmendozarubio4953]

explicas excelenteee, te ganaste un subscriptor

[@leonardomoreno361]

Bien Alvaro me da mucho gusto ver como has avanzado tio, mis respetos me parece excelente!!!

[@marielasuarez3035]

Gracias genio!!! La verdad que ya eh hecho varias webs pero tus trucos ya me dan otro nivel!!!

[@keylamendez3305]

muy buena explicación... gracias😍

[@jeremycorajegonzales3073]

Muchas gracias profesor, me a servido mucho su enseñanza, ya muy pronto tomare su curso en Edteam. Gracias prof. Alvaro

[@josealfonsodavilarubert8923]

Es todo un gran maestro se explica muy bien gracias por sus vídeos que son de gran ayuda saludos Profe.

[@danielmercado1113]

Buenísima, me acabas de descomplicar la vida, muchas Gracias. Ojala tu canal crezca muchisimo

[@d-landjs]

Ufff que gran tutorial amigo!!! Siempre enseñas de primera!!!

[@klaylton]

Aula fantástica! Muito obrigado por compartilhar seu conhecimento conosco.

[@andresvega7174]

Gracias por la explicación, antes no entendía el uso de las pseudoclases after y before.

[@jask05]

No te conocía, explicas muy bien.! Muchas gracias.

[@nicohernandez5996]

Buenisimo video profe

[@Pinedaangeln]

wow, excelente truco

[@darkozz23]

Alvaro excelentes todos tus tutoriales, estoy teniendo problemas para ver el vídeo del taller del sábado pasado no se si alguien mas le pase lo mismo, el problema que tengo es que no me carga el vídeo puedo ver cualquier otro excepto ese. Espero y lo pudieras checar para ver si es solo problema mio o es el vídeo. Gracias por tus tutoriales.

[@luiseduardosotoj1183]

Gracias, al fin entendí.

[@lalocanario243]

excelentisimo ¡ gracias

[@mariacamilamontealegre4306]

Me encantó. Gracias, súper bien explicado

[@fabiocroldan]

Gracias Alvaro agradable repaso...

[@nathanleonardomoralesmallq7747]

excelentes trucos gracias por tu a aporte a esta comunidad

[@SergioBravoMucacran]

Muchas gracias men, te mando un gracias enorme, estuve buscando esta explicación hace tiempo. Agradezco tu tiempo.

[@SergioBravoMucacran]

Una pregunta, sé que lo mensionastes en el minuto 14 pero aún así quiero salir de la duda ¿si hubieras usado :before aún así se hubiera posicionado por delante por se hijo? o ¿ sólo por usar :after se posicionó por delante?

[@sebastianramirez9081]

Gracias amigo! Muy buena la explicación

[@JulioCanteroperfil]

como siempre genial Alvaro...

[@JuanRodriguez-jx8wo]

Buenas. Quisiera agregar clases a un elemento pero no dinamicamente sino con CSS, no se si se pueda. Tengo un .... quisiera que sea asi: .... y agregarle las otras clase estaticamente con CSS, se podria?? Se que se puede hacer dinamicamente con javascript, pero quisiera saber si lo puedo hacer solo con CSS?? Gracias por el video y por la respuesta.

[@snakeeyes237]

Muchas gracias, que buen tutorial, un saludo!

[@jorge8601]

Buenas noches utilize un codigo para dar brillo y reflejo para una palabra utiliza el before y el after escuche que sin la propiedad content y las comillas no funciona el ccs esta asi content: var(--l); pero no me funciona el brillo.

[@snakeeyesOFFICIAL76]

Muy buen video

[@saludbella]

y se pueden cambiar estos valores con javascript o jquery?

[@ernestomendezrodrigues5156]

Hola me gustan tus videos, me gustaria saber como hacer videos de forma responsive, y como dar movimiento a un flujo de agua con js.....

[@edgarretana4449]

Exelentemente Explicado! Sigue asi

[@PUA710]

hola Alvaro, me podria ayudar? necesito levantar los registros modbus tcp ip en html, css , me podrias dar una mano en este tema?

[@zinedinejeanpierreeriqueto3795]

2021: muchas gracias por el truco

[@jeffersonbonilla9958]

porque cuando pongo top, left me sale error? background: radial-gradient(top left,lighten (teal, 20%),darken (teal, 20%));

[@RemyLeBeau.]

Como se llama el editor que estas utilizando en este video?

[@lamaquinadealexandre4811]

Me gustan mucho tus vídeos. :3 ¿Qué editor de código usas, y que plugins tiene?

[@alexdavidhurtadoyeneris7116]

Excelente

[@shikmaru2541]

usted de pana es un crack

[@heliojaviersotoarevalo1979]

Buenisimo

[@JeroHeurtley]

muy bueno man, gracias

[@paulvg92]

Alvaro una preguntica, si deseo colocar como seudoelementos iconos importados desde por ejemplo icoomon como lo haria h1::before { content: " " } la clase del icono o como lo realizaria?

[@EDteam]

Tengo un video de icon fonts en el canal. Dale una mirada.

[@saluiarequipeno5447]

se puede dibujar una linea recta de cualquier tamaño?

[@andresestigarribia8926]

Pues cuando yo hago líneas lo hago en HTML con y luego lo modifico en css

[@jhonedwar4783]

Gracias!

[@alejandrocortes310]

que crack

[@zabdiyoab]

pshhh, excelente explicacion, muy clara

[@rlyehdate]

QUE PROOOOOOOOOOOOO

[@KaorumishimaruXyz]

¿Vas a hablar sobre content: attr() "";?

[@wilsonherazo]

Excelente !!!!

[@d1tooch33n]

hola, tengo una duda para poder hacer el ejemplo ocupo tener sass.

[@EDteam]

Lo podrias hacer a puro CSS pero va a hacer doloroso de hacerlo :D Si gustas puedes aprender sass con nosotros en ed.team/sass

[@carloshuallpa3768]

Los otros 24 trucos?

[@MrCharlypesc]

Puto amo.

[@Magistrado1914]

Me gustó.

[@andersonalmeydat7715]

Capo!

[@esnaidertapias371]

Alguien sabe como se llama ese plugin que muestra la lista de colores asi como el minuto 11:39 ?

[@Leonardo-lv2dm]

Creo que se llama ColorPicker

[@neresdamasceno1713]

Show, i liked..

[@17001045jv]

ME sale un error cuando pongo top left: background-image: radial-gradient(top left, white 5% , green 70%);

[@facundoromano5318]

y ese "-image" de donde salio? uh amigo que paja que nadie te haya respondido en 3 años xD

[@nicolaschavez8841]

subscrito! quiero aprender sass q_q

[@cpolo12345]

Eres tu perrito!

[@nicolaschavez8841]

y yo usando divs vacios e_e

[@lucasdominguez8447]

hola felipe yo quisiera si tu pudiera hacer un video sobre esta nueva unversidad online aqui te dejo el like : www.nextuniversity.com/

[@souravgolui8672]

gud

[@brandon400]

Excelente