Como hacer imagen en Movimiento | Html5 - Css3 | Muy Fácil

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 108

  • @fernandorochaolivera2404
    @fernandorochaolivera2404 6 лет назад +1

    Dejame decirte que no hay tutorial que haya visto con mejor orden que el tuyo, felicidades por ser tan creativo y talentoso, y gracias por estos videos. Saludos desde Perú.

  • @AlexhMatias
    @AlexhMatias 5 лет назад +46

    a los 13:19 explica lo de la imagen en movimiento ;)

    • @nicolaschavez8841
      @nicolaschavez8841 4 года назад +1

      ya estaba a punto de ponerlo xD

    • @AlexhMatias
      @AlexhMatias 3 года назад +1

      Primera vez con tantos like, y lo ocupan para hacer spam los bots 🤦‍♂️

  • @ivansebastiannunez9953
    @ivansebastiannunez9953 3 года назад

    Excelente aporte a la comunidad. Muy buen contenido. Deseo que tu canal crezca y se expanda. Saludos desde Argentina. Arriba Latinoamérica

  • @ginofrancescogarciaveliz8525
    @ginofrancescogarciaveliz8525 6 лет назад

    Un año ya desde que subiste este video y justo hoy lo necesitaba , Muchisimas Gracias :3

  • @joze.rios44
    @joze.rios44 4 года назад +1

    Muchas gracias por tomarte el tiempo de explicar.

  • @jhordanloaisigaflores6237
    @jhordanloaisigaflores6237 6 лет назад +1

    Esa idea de la imagen con movimiento es muy buena y hace que se vea mucho mejor el sitio felicidades sigue asi

    • @VisualAvalon
      @VisualAvalon  6 лет назад

      Si amigo... muchísimas graciassss! Me alegra muchísimo que te haya gustado nuestro proyecto. Saludos desde República Dominicana😊

  • @hectorjaker7074
    @hectorjaker7074 7 лет назад +4

    Gracias por tus proyectos, me ánimo viendo tu canal, un abrazo desde cd Carmen, México

    • @VisualAvalon
      @VisualAvalon  7 лет назад +1

      Woow! me alegra muchísimo saber eso amigo... igual abrazo amigo desde República Dominicana

  • @j.villasmil9575
    @j.villasmil9575 6 лет назад +1

    Que apasionante es el mundo del desarrollo web!

  • @pycondominicana2035
    @pycondominicana2035 4 года назад +2

    Excelente, Magtimus, que tu canal siga creciendo.

  • @LucasLaferrere
    @LucasLaferrere 3 года назад

    Buen contenido y muy bien explicado , felicitaciones

  • @alexandermorenocaicedo763
    @alexandermorenocaicedo763 6 лет назад +1

    Me ha servido de mucho, que buen tutorial , y el efecto excelente. gracias

  • @miltonwlan
    @miltonwlan 7 лет назад +1

    Geniales videos tutoriales, muchas gracias. Saludos desde Chile.

    • @VisualAvalon
      @VisualAvalon  7 лет назад

      Muchas gracias amigo, me hace feliz saber que cuento con personas que les gustan nuestro contenidos... genial amigo.
      Saludos desde República Dominicana

  • @hectorjaker7074
    @hectorjaker7074 7 лет назад +4

    Hola magtimus ya ando de nuevo x aki en tu canal y apoyando a miaigo magtimus el activo.jejejeje

    • @VisualAvalon
      @VisualAvalon  7 лет назад +1

      Hey holaaaaa! Hector amigo. Gracias, el activo por siempre jajajajaja. Saludos. Como andas? Ya tu oficina esta lista?

  • @entretenido7300
    @entretenido7300 3 года назад

    Te admiro soy de la romana también.

  • @volttrixzotalora9493
    @volttrixzotalora9493 4 года назад +1

    grandioso video. me fascino.

  • @mariacamilaespitiamartinez3299
    @mariacamilaespitiamartinez3299 5 лет назад +1

    ufff eres muy sabio hermano

  • @laMarvilla4
    @laMarvilla4 7 лет назад +1

    Que gran efecto, muchas gracias muy clara la explicación, y un gran aporte me sirvió un montón :)

  • @maco_coco_c
    @maco_coco_c 6 лет назад +1

    me encantó, mil gracias por el video

  • @ghilmaredsonbetancurcalapi9719
    @ghilmaredsonbetancurcalapi9719 5 лет назад +1

    Gracias muchas gracias..!!

  • @gonzaloaguero7197
    @gonzaloaguero7197 4 года назад

    Grabas tu trabajo desde muy lejos esto no deja ver bien tu práctica igual gracias por intentar .

  • @CodyTron
    @CodyTron 7 лет назад +4

    Excelente mi amigo, me gusta ese efecto. Saludos ;)

    • @VisualAvalon
      @VisualAvalon  7 лет назад +3

      Gracias amigo... uuuf! que rápido fue tu comentario jajajajajaja Saludos

  • @panchovillacool666
    @panchovillacool666 3 года назад +1

    Muy bueno crack

  • @johnvela1508
    @johnvela1508 7 лет назад

    Muy buenos videos, te sigo desde Perú :)

  • @luiseduardoquispesinani3337
    @luiseduardoquispesinani3337 4 года назад +1

    que genial sigue adelante

  • @lincofernandezaranda2243
    @lincofernandezaranda2243 6 лет назад +1

    Buen video, me salvaste la vida!

  • @inversoresmc755
    @inversoresmc755 Год назад

    Eso eso esta genial

  • @FormandoLaWeb
    @FormandoLaWeb 7 лет назад +3

    Excekente efecto!!! Saludos ;)

  • @milicomatt3443
    @milicomatt3443 4 года назад

    Brutal masterr

  • @LeoCatalan-xz2jv
    @LeoCatalan-xz2jv 2 года назад

    gracias bro,muy buen video,solo que el texto se me quedo detras del degradado y no me esta fallando nada,me puedes dar ayuda por favor

  • @estebancharrasquiel8820
    @estebancharrasquiel8820 4 года назад

    Para sacar el keyframes en brackets escribo primero @ y me da la opción. Minuto 14:05

  • @osmeig6025
    @osmeig6025 7 лет назад

    Ya que trabajas con contenedores, seria buena idea ya posicionar los elementos con CSS GRID amigo!

  • @LS-jk5ui
    @LS-jk5ui 6 лет назад

    buen utorial como se llama ese efecto? de handberger 42:05 tienes algun tutorial para generar ese menu ? gracias

  • @alelike5895
    @alelike5895 5 лет назад

    Que pluggins utilizas para dar efectos al redactar el codigo

  • @CharlsGA
    @CharlsGA 6 лет назад

    Excelente amigo... 5 estrellas......
    PREGUNTA... ¿Como se haria para que la imagen no salte tanto en el movimiento y se vea mas fluido?

  • @dianasofia7430
    @dianasofia7430 6 лет назад +1

    Genial Hermano saludos

  • @davidmartinezperez8329
    @davidmartinezperez8329 2 года назад

    Excelente tutorial....soy novato en esta tecnica...como puedo hacer que funcione en un movil ???? lo probe pero no se mueve. desde ya gracias.

  • @yankcarlossolartevalencia6801
    @yankcarlossolartevalencia6801 6 лет назад

    oye esta bueno el video, como llama el pluggin de brakets que le dan ese efecto a la letra cuando escribes codigo

  • @cinemaz1555
    @cinemaz1555 4 года назад

    como hiciste ese cuadro en la esquina derecha??

  • @antoniomedina743
    @antoniomedina743 6 лет назад

    Hola!! tengo una duda como puedes ponerle mas opciones en el icono de menú?
    muy bien explicados tus videos

  • @hectorjaker7074
    @hectorjaker7074 7 лет назад +2

    La verdad aun no amigo magtimus requiero plata por las. Multas y daños a terceros pero ahi vamos despacio, pero este efecto esta generalísimo, saludos

    • @VisualAvalon
      @VisualAvalon  7 лет назад +1

      Ooooo! entiendo amigo, que pena. y gracias por el elogio de mi efecto hahah. Siempre trayéndoles cosas geniales, para que se diviertan.

  • @juanjodiamond
    @juanjodiamond Год назад

    Hice todo al pie de la letra y queda con una calidad barbara !! ! pero no pude hacerlo responsive... vos tendrias el codigo para compartir ????? seria genial para comparar errores ...

  • @fowmind5519
    @fowmind5519 7 лет назад +1

    Buen tutorial amigo! soy Agustin :)

    • @VisualAvalon
      @VisualAvalon  7 лет назад +1

      Hey hola hola amigo agustín, saludos amigo... muy bueno tu ejemplo, al final del vídeo.

  • @alberFunes478
    @alberFunes478 3 года назад

    Y si en lugar de que rebote, quisera que repitiera como debo hacerlo, osea que inicie de nuevo una y otra vez

  • @game_ec3533
    @game_ec3533 5 лет назад

    Buen video pero tengo la duda nunca explicaste eso del minuto 4:38 dijiste que en la carpeta icon solo estaba el icono del menu pero luego le pones icon/css/fontello.css de donde salio la carpeta css? y el fontello.css no encuentro en tus recursos si me pudieras ayudar con esto estaria muy agradecido

    • @estebancharrasquiel8820
      @estebancharrasquiel8820 4 года назад

      Yo también me preguntaba lo mismo ya que el no lo explica, pero averigüé esto: te vas a la página oficial de fontello: fontello.com/, allí encuentras el icono de las tres barritas que se llama icon-menu, le das descargar (download webfont) y te descarga un archivo en zip o rar y descomprimes este archivo en el lugar donde tienes los demás archivos del proyecto y luego desde brackets se ubica el archivo fontello.css.

  • @hosmanhenaodaza2794
    @hosmanhenaodaza2794 4 года назад

    Magtimus gracias, pero tengo una duda ayudame porfa, se me corta la imagen y lo de diseño web para abajo me sale con el mismo fondo degradado de la imagen, que podria hacer?

  • @alejandromontilla5469
    @alejandromontilla5469 6 лет назад

    hola amigo como estas mira sabes como hacer ese efecto pero con un fondo de pagina y que rebote hacia diversas direcciones?

  • @michelquiroz4920
    @michelquiroz4920 5 лет назад

    Buenas Noches como agrego que muestre el menu y se esconda

  • @francoavenn9987
    @francoavenn9987 7 лет назад

    Cuál es el plugin ese que usas para sin necesidad de guardar tu código ir viendo todo en el navegador?

  • @laMarvilla4
    @laMarvilla4 6 лет назад

    Hola, tengo solo una duda y es con respecto al tamaño de la imagen que tamaño y resolución utilizaste para que se vea bien, la mia se ve demasiado grande y si la achico me salen varias, me podrías ayudar por fis, gracias :)

  • @pycondominicana2035
    @pycondominicana2035 4 года назад

    Magtimus, tu también trabajas en wordpress? porque estoy aprendiendo y tengo una dificultad, solo necesito la orientación apropiada. Hice un esquema de wordpress de la siguiente manera: index.php, single.php, page.php, footer.php, header.php, pero deseo tener una pagina de inicio estática y una pagina de las entradas, al parecer me falta algo en la codificación del theme para que salgan las entradas.

  • @Henry_Nunez
    @Henry_Nunez 2 года назад

    👏👍🍻

  • @arycoronadoavendano3859
    @arycoronadoavendano3859 2 года назад

    hola buen dia, ando iniciando en esto de html y ando practicando, en la parte en la que se pone margin: auto; en container-details el texto no se mueve y se queda igual, me gustaria saber si me puedes ayudar, gracias

  • @ajplataforma2793
    @ajplataforma2793 6 лет назад

    hola. con que programa hiciste tu intro de Magtimus??. saludos

  • @belencuasatar8459
    @belencuasatar8459 6 лет назад +1

    muy bien muy bien :D

    • @VisualAvalon
      @VisualAvalon  6 лет назад

      Muchas gracias, me alegra muchísimo que te haya gustado😊☺

  • @leoramirez7565
    @leoramirez7565 6 лет назад

    de que tamaño es la imagen ?¿

  • @dkdoblajes4748
    @dkdoblajes4748 6 лет назад

    Madre mía Magtimus, normalente quedo muy satisfecha con tus tutoriales pero no sé que pasa con este que no me hace ni el responsive :/ tengo el metha viewport y todo puesto pero nada, no sé que pasa, le pongo la animación a la imagen y solo me lo anima de arriba a bajo, el texto se me sale de la imagen al hacerlo en tamaño móvil y si intento adaptar tu diseño al que yo he diseñador previamente en photoshop e intento insertar un vídeo ya es la ecatombe T.T... no entiendo como se pueden descolocar los elementos solo sustituyendo un texto por un vídeo que luego lo adapto yo en proporciones a la pantalla... a ver si a la tercera va la vencida.. no soy desarrolladora pero esto es frustrante..
    De todas formas gracias por los tutoriales. ^.^.

  • @syediqbalahmed3176
    @syediqbalahmed3176 5 лет назад +1

    nice ...

  • @scarletcasstro
    @scarletcasstro 5 лет назад

    Cuando pongo menú desplegable no me sale por la capa

  • @diegosuarez3829
    @diegosuarez3829 6 лет назад

    como haces para ese efecto al escribir .?????? esta mui chebre

  • @alberdsaldivar6986
    @alberdsaldivar6986 7 лет назад +1

    buenas noches me podrás enviar el código css por que no me sale responsive .

  • @erikalagos4735
    @erikalagos4735 6 лет назад

    sublitex se puede son los mismo codigos? o cambian ayuda

    • @SEROK33
      @SEROK33 6 лет назад

      hola Erika, te respondo porque veo que te ignoran, sublime text y brackets sólo son procesadores de texto, es decir, como un Word de office, no cambias el lenguaje si ocupas Word u otro programa, en conclusión, sí son los mismos códigos escritos en HTML y CSS3

  • @lapulguita.
    @lapulguita. 5 лет назад +2

    Amigo como puedo contactarte? Estoy interesado

    • @VisualAvalon
      @VisualAvalon  5 лет назад +1

      Mi contactos estan en la descripción del video de los videos, pero aquí debajo te dejaré mis contactos:
      Mi Facebook: facebook.com/themagtimus
      WhatsApp: +18293811529
      Instagram: @Magtimus
      Saludos, éxito, te espero!

  • @agentenoob2093
    @agentenoob2093 5 лет назад +1

    por favor, intenta hablar un poco mas pausado. vas embalao (como decimos alli) un saludo y buenos videos

  • @JeffAporta
    @JeffAporta 3 года назад

    el tutorial empieza en el min 12:00 jaja

  • @sneydergarcia1953
    @sneydergarcia1953 7 лет назад

    como seria para ponerle varias al banner ayudame por favor

  • @marco700425
    @marco700425 2 года назад

    Hola buenas tardes, un tutorial, como este con fondo animado, pero al mismo tiempo con multiples imagenes

  •  4 года назад

    Magtimus he intentado localizarte ni por las redes sociales tuyas he podido, saludos cordiales

  • @thecrazyrrr5421
    @thecrazyrrr5421 7 лет назад +1

    Magtimus una duda como abres el selector de colores en brakects
    PD: buen video.

    • @VisualAvalon
      @VisualAvalon  7 лет назад

      Hola amigo, pues yo abro el selector de colores solo con presionar [Ctrl] + [E] pero debes escribir algun color, osea por ejemplo escribes red y luego presionas [Ctrl] + [E]
      Saludos de antemano, espero que te sirva. Exitos

    • @thecrazyrrr5421
      @thecrazyrrr5421 7 лет назад

      Gracias, amigo.
      PD:Magtimus quiaiera trabajar en proyecto que tengo en mente y quisiera saber si me puedes ayudar no te preocupea ai me dices que no lo entenderw.

  • @dianapatriciamarintorres9946
    @dianapatriciamarintorres9946 6 лет назад

    Hola Magtimus, podrias por favor explicarme como hago lo de fontello, aun no me funciona...
    gracias,

    • @estebancharrasquiel8820
      @estebancharrasquiel8820 4 года назад

      Yo también me preguntaba lo mismo ya que el no lo explica, pero averigüé esto: te vas a la página oficial de fontello: fontello.com/, allí encuentras el icono de las tres barritas que se llama icon-menu, le das descargar (download webfont) y te descarga un archivo en zip o rar y descomprimes este archivo en el lugar donde tienes los demás archivos del proyecto y luego desde brackets se ubica el archivo fontello.css.

  • @anthonymedranda6456
    @anthonymedranda6456 5 лет назад

    amigo una pregunta como se llama el editor

  • @nicolasbarrera2533
    @nicolasbarrera2533 7 лет назад

    Hey revisa el archivo de mega, google me lo rechaza por qure dice que tiene virus, excelente video gracias!!

  • @michellelml7003
    @michellelml7003 7 лет назад +1

    cool *-*

  • @rosariocueto7467
    @rosariocueto7467 5 лет назад +1

    Creen que me salga con dreamweaver?

    • @VisualAvalon
      @VisualAvalon  5 лет назад

      Si si claro, con cualquier editor de texto lo puedes llevar a cabo. Saludos!

  • @silverghots
    @silverghots 3 года назад

    porque mi... se mueve tanto cuando digitas!???

  • @yoverrosado8545
    @yoverrosado8545 7 лет назад +3

    Segundo!

    • @VisualAvalon
      @VisualAvalon  7 лет назад +1

      uuuuf! tu también, que rapidooooo! no lo puedo creer jajajajajajajaja
      No ha pasado ni un minutoooo! jajajajaja

    • @yoverrosado8545
      @yoverrosado8545 7 лет назад +2

      Tengo campanita activada!.

    • @VisualAvalon
      @VisualAvalon  7 лет назад +1

      si me estoy dando cuenta jajajaja

  • @eslampro3241
    @eslampro3241 5 лет назад +1

    hola

  •  5 лет назад +1

    Githug

  • @mauriciorodriguez2764
    @mauriciorodriguez2764 4 года назад

    la pollltada

  • @Joseph-mq6hr
    @Joseph-mq6hr 3 года назад

    mucho texto

  • @bryanstarman2679
    @bryanstarman2679 4 года назад

    ruclips.net/video/DdMsJlRgRIQ/видео.html este video me ayudó mucho

  • @pipe9721
    @pipe9721 5 лет назад +1

    hable mas despacio

    • @AlexhMatias
      @AlexhMatias 5 лет назад

      Yo la tengo puesta en velocidad de 2X por lo contrario que dices xD

  • @milicomatt3443
    @milicomatt3443 4 года назад

    Brutal masterr