🙀 ¡Con sólo CSS! IMPRESIONANTE efecto de OLAS en letras 🌊

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024
  • Con un poco de CSS puedes crear increíbles efectos con letras para tu página web. En este mini tutorial, creamos un efecto de texto con olas basado en el artículo de Ale Thomas.
    Cuando digo border-radius en el shadow me refiero al radio de la sombra. :D
    🤩 Artículo original de Ale Thomas: pokecoder.hash...
    Demo: bit.ly/3OauhJX

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

  • @midudev
    @midudev  2 года назад +28

    Si te gusta que haga este tipo de contenido, déjame un comentario diciéndolo! ❤️

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

      Esto lo ví en otro canal q lo subió en Julio- es practicamente igual a lo que hace ese chico jaj.. quiero pensar q no le estas sacando la ideas de contenido midu :V Saludos

    • @midudev
      @midudev  2 года назад +1

      @@alanromero8018 Al final del vídeo digo de dónde lo saqué yo. :) No tengo problemas en indicar la fuente si es algo que he visto por ahí. ;)

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

      @@midudev Buenas noches Midu.. Creo q no se entendió mi msj y intento de sacarsmo por eso puse ":V" jaja. De hecho te admiro por q siempre veo tus videos. Te considero entre los mejores de contenido de programadores en youtube :) Buenas noches!! saludos desde Argentina :)

  • @albertocastaneda3053
    @albertocastaneda3053 Месяц назад

    me agrada este tipo de contenido ya que es facil de entender

  • @marlonuribelarrotta2817
    @marlonuribelarrotta2817 2 года назад +5

    Excelente video ojala pudieras hacer mas videos así... Son muy buenos para los que estamos empezando.. Nos ayuda mucho a conocer los procesos..

  • @ruido38
    @ruido38 2 года назад +3

    Ese video esta muy cool . Queremos más contenido así

    • @midudev
      @midudev  2 года назад +1

      Gracias!! Lo tendré en cuenta!!

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

    esta intereante, definitivamente este campo no tiene limites en la creatividad.

  • @Grishopping
    @Grishopping 2 года назад +21

    estan chulos estos efectos videos directo al grano y de poca duracion.....
    create un espacio en tu canal para videos como este estilo.... te garantizo que los veo todos
    te Saluda JOSE GRILLO desde Venezuela

    • @midudev
      @midudev  2 года назад +13

      Me quiero ir animando a hacer más de este tipo de contenido! :)

    • @davidbarretoful
      @davidbarretoful 2 года назад +3

      @@midudev si por favor, sirven de mucho😃, gracias por compartir

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

      Apoyo la idea 💪

  • @eltrolado5764
    @eltrolado5764 2 года назад +3

    Me encantan estos tutos de css

  • @bxnju
    @bxnju 2 года назад +3

    Que buen video, muchas gracias por compartir esos conocimientos con nosotros🙏

    • @midudev
      @midudev  2 года назад +3

      Las gracias a Ale Thomas, que es la crack que lo ha creado. :)

  • @juanpedrososa1118
    @juanpedrososa1118 2 года назад +1

    Buen tutoria, me gustaría que sigas haciendo videos de este estilo, se aprende mucho y gracias por compartirlo

    • @midudev
      @midudev  2 года назад +2

      Lo tendré en cuenta!

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

    Excelente. Es una buena idea para un logo del típico header con menú 😄
    Gracias por compartir la info!!

  • @lucasgomez3217
    @lucasgomez3217 2 года назад +1

    Tremendo sigue con este contenido 🔥🔥

  • @viking_leo
    @viking_leo 2 года назад +3

    Hola, ayuda, no me funciona. Lo tengo tal cual el código y solo tengo mis letras en rojo, que es el color que he usado en vez del azul. ¿Alguien sabré por qué no me funciona? Gracias

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

    Excelente, me encantan estos videos rápidos, prácticos y muy útiles.

  • @juanjosegonzalezcardenas6868
    @juanjosegonzalezcardenas6868 2 года назад +1

    Excelente me gustó mucho está clase

  • @AlejandroSGameS7985
    @AlejandroSGameS7985 5 месяцев назад

    Que interesante no conocia esta propiedades

  • @optimusblue611
    @optimusblue611 5 месяцев назад

    Sigue con tus enseñanzas....

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

    Necesito mas videos así, que pasada!

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

      Muchísimas gracias!!

  • @indianameregone
    @indianameregone 2 года назад +1

    que genialidad

  • @velgrab7084
    @velgrab7084 2 года назад +1

    Buenisimo Midu!

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

    Me encanta este tipo de contenido!!! 😀

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

    Genial, y justo me hace falta práctica en CSS 🐱

  • @CATuras
    @CATuras 2 года назад +2

    Eres un grande midu

    • @midudev
      @midudev  2 года назад +1

      Gracias! Aunque aquí la crack es Lea Thomas! Yo sólo he seguido su artículo.

  • @optimusblue611
    @optimusblue611 5 месяцев назад

    Hey mi pana, lo hice. Todo bien. Gracias

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

    excelente video. gracias!!

  • @ChristianRuiz-yw6ur
    @ChristianRuiz-yw6ur 8 месяцев назад

    Que software estás utilizado para estar viendo el resultado a la vez que editas?

  • @elpipila1
    @elpipila1 2 года назад +2

    messirve

  • @DanielRodriguez-p9h
    @DanielRodriguez-p9h Год назад

    Yo lo hice igual pero se me ve como con delay con animación porque sucede eso?

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

    Muy bien vídeo, tengo una duda estás en vscode o cuál, para poder tener las barras como tú arriba html abajo css alado JS y abajo la previsualización?

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

    Chulada

  • @carlosfernandoozunacortina8601
    @carlosfernandoozunacortina8601 7 месяцев назад

    midu, hay forma de hacer que una imagen ondule solo con css?

  • @carlosandresmosquerabarona2312

    lo hice pero me va muy lenta la pagina se puede saber cómo se soluciona?

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

    buenas noches, veo que este codigo funciona solo en firefox, en chrome y otros navegadores no funciona, existe algo adicional que se deba instalar?

  • @shellys17.85
    @shellys17.85 2 года назад

    esta genial el efecto, pero intente ponerlo en practica y no me sale la animación, me puedes ayudar?

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

      Fijate bien los pasos
      Hay veces que un detalle en css cambia todo jaja
      Lo digo por experiencia :)

  • @manuelballesta9920
    @manuelballesta9920 11 месяцев назад

    alquien sabe por que no me funciona la animacion?

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

    me lo guardo pa una tareita midu

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

    Hola que tal, tengo una duda a ver si alguien me puede guiar, quería saber, cómo haría si por ejemplo yo quiero hacer un ecommerce que pueda ser administrable por el dueño, sin la necesidad de código, por ejemplo: quiere subir un nuevo producto, como haría para hacer una sección para que pueda hacerlo, o eliminar un producto

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

      Puedes hacerlo con WordPress, dale una revisada. ✌️

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

      @@diegoivanrodriguezlozada9738 pero por ejemplo yo hago un app en react, la subo a un hosting, no puedo usar WordPress o si ?? Igual descubrí una herramienta llamada strapi q me me soluciona ese tema

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

    Soy yo o la demo de codilink quedó corrupta?

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

      Pense era mi error. Lo mejor revisar la fuente original.

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

    lo intente hacer y no me salio u_u

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

    NADA

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

    Not working..2022

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

    ;V