Trucos CSS (28) - Background-image transparente

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ม.ค. 2025

ความคิดเห็น • 60

  • @tupanafrontend
    @tupanafrontend 8 ปีที่แล้ว

    Wow!! "ingenio" es fenomenal la manera en que aplicas la teoría Álvaro!! La forma en la que la dominas pero lo mejor es que hayas decidido compartirlo.
    Agradecido!!!!
    Gran tip!!

  • @candidoadrianacevedomedran1325
    @candidoadrianacevedomedran1325 5 ปีที่แล้ว +2

    Muchas gracias, tenia mucho buscando como hacerlo y con este vídeo me funciono a la perfección.

  • @geraldmartinez3865
    @geraldmartinez3865 8 ปีที่แล้ว

    Ahi es donde te das cuenta que el q te esta dando el tip realmente sabe 😊 exelente video¡

  • @nihil_um
    @nihil_um 8 ปีที่แล้ว

    Ya echaba esto de menos.
    Muchas gracias por el trabajo que te tomas.

  • @alvanyfigueiredo255
    @alvanyfigueiredo255 5 ปีที่แล้ว

    Olá, Álvaro. Parabéns pelas suas aulas. Não sei falar espanhol mas a vontade de aprender é maior.
    E estou acompanhando todos seus vídeos.

  • @santiagofernandez1030
    @santiagofernandez1030 8 ปีที่แล้ว

    Gracias Alvaro por estos aportes interesantes que nos sirven en nuestros proyectos

  • @Eperezmosqueda
    @Eperezmosqueda ปีที่แล้ว

    Oigan, para los que buscaban esta solucion. Recueden que también pueden utilizar la propiedad bck con linear-gradient y agregar capas de colores + alfa separados de una coma y agregando la funcion url. Esto hace que adjunte la imagen con una capa de opacidad sin afectar el string.

  • @dasmania03
    @dasmania03 8 ปีที่แล้ว

    Excelente. ya se extrañaban tus vidosl

  • @MynorBriones
    @MynorBriones 8 ปีที่แล้ว

    Gracias Alvaro por compartir tus conocimientos.

  • @jorgemendieta2022
    @jorgemendieta2022 8 ปีที่แล้ว

    genial vídeo como siempre...y gracias por compartir el repositorio...saludos.

  • @JulioCanteroperfil
    @JulioCanteroperfil 8 ปีที่แล้ว

    Grande Alvaro... gracias quedamos a la espera de tu libro "el santo grial de la maquetacion responsive" ejejeee... (te voy a molestar con este tema hasta que te case o que yo aprenda a hacerlo sin tu ayuda... pero va con buena onda )saludos

    • @EDteam
      @EDteam  8 ปีที่แล้ว

      +Julio Cantero jaja

  • @jairoverachaly6248
    @jairoverachaly6248 8 ปีที่แล้ว

    excelente curso Alvaro, la mejor escuela online, ese efecto es muy común verlo y es bastante llamativo, una pregunta, ¿y si quisiera el fondo desenfocado? q propiedad deberia utilizar?
    gracias y
    un cordial saludo

  • @dayannavillanueva6545
    @dayannavillanueva6545 3 ปีที่แล้ว

    siempre útil gracias

  • @cristiancaro8386
    @cristiancaro8386 3 ปีที่แล้ว

    Muchas gracias :D!

  • @nicocaceresh6470
    @nicocaceresh6470 ปีที่แล้ว

    cada vez que uso opacity se aplica para todo,yo solo quiero que se aplique para la imagen de fondo,como tendria que hacer?

  • @angmusic2571
    @angmusic2571 6 ปีที่แล้ว

    hola soy nuevo en tu canal y soy nuevo en css y quería preguntar si tienes un vídeo donde explicas como usar background radial-gradient que quisiera saber como usarlo

  • @geovannipadilla5586
    @geovannipadilla5586 5 ปีที่แล้ว

    hola buenos dias, no se si es un truco o algún error pero una pequeña pagina web solo me reconoce, los navegadores firefox y safari. chrm no me funcionan los enlaces, pero al cargar una versión antigua de google chrm me sale todo normal

  • @itmarck
    @itmarck 8 ปีที่แล้ว

    Estoy empezando con html y css, ¿recomiendas aprender directamente sass sin pasar por la sintaxis de css?

  • @yensimarrodriguez2092
    @yensimarrodriguez2092 5 ปีที่แล้ว

    Holaa me pareció muy bueno tu vídeo pero quiero hacerte una pregunta ¿sabes como hacer que la imagen pierda el color, quede en blanco y negro, y luego cuando el cursor pase sobre ella le devuelva el color?

  • @eldetective_ing
    @eldetective_ing 4 ปีที่แล้ว

    S3ñores tengo una consulta urgente quiero saber como poder una imagen especifica para el escritorio y otra diferente para moviles y tables??
    @media (max-width:768px){
    .wp-fullwidth-img {
    background-image:url(wp-content...)}}
    No me funciona este codigo

  • @Maybe9417
    @Maybe9417 4 ปีที่แล้ว

    El background-image: linear-gradient no sirve para ese mismo proposito ?

  • @Henry_Nunez
    @Henry_Nunez 2 ปีที่แล้ว

    Se te olvidó dejar el link del repositorio. 😥

  • @rodrigoarreola8466
    @rodrigoarreola8466 8 ปีที่แล้ว

    En el 04:47 ¿Con que dices que procesas y recargas? PD: Buen vídeo, ¡saludos!

  • @everrosales6786
    @everrosales6786 7 ปีที่แล้ว +1

    Excelente!!!

    • @EDteam
      @EDteam  7 ปีที่แล้ว

      ¡Muchas gracias!

  • @MarcelPernia
    @MarcelPernia 8 ปีที่แล้ว

    Excelente Alvaro. Pero como se hace cuando la.imagen se requiere que sea dinámica? Es decir que no se puede llamar a la.imagen desde el CSS sino directo en el html. Creo que el truco solo serviría para imágenes estáticas.

    • @EDteam
      @EDteam  8 ปีที่แล้ว

      +Marcel Pernia pues si la imagen esta en el html es más fácil y ni truco se necesita. Bastaria con darle un opacity a la misma imagen.

  • @0zonoNet
    @0zonoNet 8 ปีที่แล้ว +2

    Que programas usas para escribir codigo?

    • @KirigayaMaster
      @KirigayaMaster 8 ปีที่แล้ว +3

      +ozono neting Usa WebStorm es un IDE de FrontEnd pago también esa empresa tiene PHP Storm que es un IDE para PHP.

    • @0zonoNet
      @0zonoNet 8 ปีที่แล้ว

      Muchas gracias por responder :)

  • @manuelmora8907
    @manuelmora8907 8 ปีที่แล้ว

    Álvaro una pregunta. ¿NetBeans es una buena alternativa a WebStorm?

    • @EDteam
      @EDteam  8 ปีที่แล้ว

      +Manuel Mora Pues no tengo idea, no he usado Netbeans.

    • @manuelmora8907
      @manuelmora8907 8 ปีที่แล้ว

      +Escuela Digital Ok gracias por responder y por compartir el repositorio.

  • @javiercruz7788
    @javiercruz7788 7 ปีที่แล้ว

    tienes algún curso para principiantes de html y css??, soy nuevo en esto y me interesa saber para que sirven los códigos

    • @EDteam
      @EDteam  7 ปีที่แล้ว

      +javier cruz ed.team/html ed.team/css

  • @00Calixhh
    @00Calixhh 8 ปีที่แล้ว

    Álvaro sublime text 3 o phpStorm?

    • @EDteam
      @EDteam  8 ปีที่แล้ว

      Es comparar peras con manzanas

    • @00Calixhh
      @00Calixhh 8 ปีที่แล้ว

      Perdón quise decir webStorm.
      Sublime text 3 o webStorm?

    • @EDteam
      @EDteam  8 ปีที่แล้ว

      +Carlos Eduardo Rodriguez Carrillo la respuesta es la misma

  • @tian444
    @tian444 5 ปีที่แล้ว +4

    .banner::before{}
    asi si funciono

  • @lematsacaret6705
    @lematsacaret6705 6 ปีที่แล้ว

    Gracias

  • @emanuelpbproducciones
    @emanuelpbproducciones 4 ปีที่แล้ว

    y si quisiera opacar un video como seria

  • @tian444
    @tian444 5 ปีที่แล้ว

    no me toma el &:before...

  • @guilleacosta5662
    @guilleacosta5662 3 ปีที่แล้ว

    Tu codigo no se entiende nada amigo

  • @paolorodriguez3237
    @paolorodriguez3237 8 ปีที่แล้ว

    11 de ratzi han estado por aquí jajaja

    • @EDteam
      @EDteam  8 ปีที่แล้ว

      +Paolo Rodriguez 11 dislikes? asu, y por qué o qué?

    • @paolorodriguez3237
      @paolorodriguez3237 8 ปีที่แล้ว

      Claro profe porque mas :)

  • @wilmerhurtadoinfante9596
    @wilmerhurtadoinfante9596 6 ปีที่แล้ว +1

    esta masomenos la explicacion.....

  • @kebynruiz4216
    @kebynruiz4216 4 ปีที่แล้ว

    Lo realice pero no me ocupa el 100% de la altura del padre :( el ancho si... ni herendado la altura del padre...

    • @Valentina-ei9eq
      @Valentina-ei9eq 4 ปีที่แล้ว

      Me pasa lo mismo y no he encontrado solución :'(

    • @kebynruiz4216
      @kebynruiz4216 4 ปีที่แล้ว +1

      @@Valentina-ei9eq Yo logre solucionarlo dandole un position fixed...

    • @Valentina-ei9eq
      @Valentina-ei9eq 4 ปีที่แล้ว

      @@kebynruiz4216 primero, gracias por contestar. Te pregunto, en el body normal o el before lo pusiste?

    • @Valentina-ei9eq
      @Valentina-ei9eq 4 ปีที่แล้ว

      Ya lo hice y funcionó perfectamente. Muchas gracias!

    • @kebynruiz4216
      @kebynruiz4216 4 ปีที่แล้ว +1

      @@Valentina-ei9eq jeje... De nada, ya estoy al 60% de css y bueno ahora estoy estudiando sass... Estoy a la orden cualquier duda :)

  • @joelgamer14
    @joelgamer14 2 ปีที่แล้ว

    No entendi ni madres XDD

  • @wasted-police5125
    @wasted-police5125 2 ปีที่แล้ว

    No funciono xd /n\