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

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 108

  • @AlexhMatias
    @AlexhMatias 5 років тому +45

    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 🤦‍♂️

  • @fernandorochaolivera2404
    @fernandorochaolivera2404 5 років тому +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ú.

  • @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😊

  • @ginofrancescogarciaveliz8525
    @ginofrancescogarciaveliz8525 6 років тому

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

  • @j.villasmil9575
    @j.villasmil9575 6 років тому +1

    Que apasionante es el mundo del desarrollo web!

  • @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

  • @pycondominicana2035
    @pycondominicana2035 4 роки тому +2

    Excelente, Magtimus, que tu canal siga creciendo.

  • @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

  • @LucasLaferrere
    @LucasLaferrere 3 роки тому

    Buen contenido y muy bien explicado , felicitaciones

  • @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?

  • @alexandermorenocaicedo763
    @alexandermorenocaicedo763 6 років тому +1

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

  • @volttrixzotalora9493
    @volttrixzotalora9493 4 роки тому +1

    grandioso video. me fascino.

  • @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

  • @entretenido7300
    @entretenido7300 3 роки тому

    Te admiro soy de la romana también.

  • @laMarvilla4
    @laMarvilla4 6 років тому +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

  • @panchovillacool666
    @panchovillacool666 3 роки тому +1

    Muy bueno crack

  • @mariacamilaespitiamartinez3299
    @mariacamilaespitiamartinez3299 5 років тому +1

    ufff eres muy sabio hermano

  • @lincofernandezaranda2243
    @lincofernandezaranda2243 6 років тому +1

    Buen video, me salvaste la vida!

  • @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

  • @johnvela1508
    @johnvela1508 7 років тому

    Muy buenos videos, te sigo desde Perú :)

  • @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 .

  • @luiseduardoquispesinani3337
    @luiseduardoquispesinani3337 4 роки тому +1

    que genial sigue adelante

  • @milicomatt3443
    @milicomatt3443 3 роки тому

    Brutal masterr

  • @inversoresmc755
    @inversoresmc755 Рік тому

    Eso eso esta genial

  • @LS-jk5ui
    @LS-jk5ui 6 років тому

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

  • @FormandoLaWeb
    @FormandoLaWeb 7 років тому +3

    Excekente efecto!!! Saludos ;)

  • @alelike5895
    @alelike5895 5 років тому

    Que pluggins utilizas para dar efectos al redactar el codigo

  • @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

  • @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?

  • @dianasofia7430
    @dianasofia7430 6 років тому +1

    Genial Hermano saludos

  • @osmeig6025
    @osmeig6025 7 років тому

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

  • @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?

  • @antoniomedina743
    @antoniomedina743 6 років тому

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

  • @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.

  • @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

  • @alberdsaldivar6986
    @alberdsaldivar6986 6 років тому +1

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

  • @estebancharrasquiel8820
    @estebancharrasquiel8820 4 роки тому

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

  • @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

  • @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.

  • @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?

  • @ajplataforma2793
    @ajplataforma2793 6 років тому

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

  • @cinemaz1555
    @cinemaz1555 3 роки тому

    como hiciste ese cuadro en la esquina derecha??

  • @game_ec3533
    @game_ec3533 4 роки тому

    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.

  • @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 :)

  • @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.

  • @diegosuarez3829
    @diegosuarez3829 6 років тому

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

  • @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

  • @belencuasatar8459
    @belencuasatar8459 6 років тому +1

    muy bien muy bien :D

    • @VisualAvalon
      @VisualAvalon  6 років тому

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

  • @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!

  • @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 ...

  • @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.

  • @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

  • @sneydergarcia1953
    @sneydergarcia1953 7 років тому

    como seria para ponerle varias al banner ayudame por favor

  • @Henry_Nunez
    @Henry_Nunez 2 роки тому

    👏👍🍻

  • @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

  • @syediqbalahmed3176
    @syediqbalahmed3176 5 років тому +1

    nice ...

  • @marco700425
    @marco700425 2 роки тому

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

  • @agentenoob2093
    @agentenoob2093 5 років тому +1

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

  • @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. ^.^.

  •  3 роки тому

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

  • @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.

  • @scarletcasstro
    @scarletcasstro 5 років тому

    Cuando pongo menú desplegable no me sale por la capa

  • @leoramirez7565
    @leoramirez7565 6 років тому

    de que tamaño es la imagen ?¿

  • @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.

  • @anthonymedranda6456
    @anthonymedranda6456 5 років тому

    amigo una pregunta como se llama el editor

  • @michellelml7003
    @michellelml7003 7 років тому +1

    cool *-*

  • @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

  • @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!

  • @JeffAporta
    @JeffAporta 3 роки тому

    el tutorial empieza en el min 12:00 jaja

  • @nicolasbarrera2533
    @nicolasbarrera2533 6 років тому

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

  • @silverghots
    @silverghots 3 роки тому

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

  • @eslampro3241
    @eslampro3241 5 років тому +1

    hola

  •  5 років тому +1

    Githug

  • @mauriciorodriguez2764
    @mauriciorodriguez2764 4 роки тому

    la pollltada

  • @pipe9721
    @pipe9721 5 років тому +1

    hable mas despacio

    • @AlexhMatias
      @AlexhMatias 5 років тому

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

  • @bryanstarman2679
    @bryanstarman2679 3 роки тому

    ua-cam.com/video/DdMsJlRgRIQ/v-deo.html este video me ayudó mucho

  • @Joseph-mq6hr
    @Joseph-mq6hr 3 роки тому

    mucho texto

  • @milicomatt3443
    @milicomatt3443 3 роки тому

    Brutal masterr