Webflow Animation | How to Animate a Button on Hover in Webflow for Beginners

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

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

  • @wakemeupjpg
    @wakemeupjpg Месяц назад +1

    YOURE MY HERO!!!!!!!

  • @mikejmahon28
    @mikejmahon28 10 месяцев назад +1

    Webflow is a game changer!

  • @akinolavictor4685
    @akinolavictor4685 6 месяцев назад +1

    This was really helpful. Nice animation

    • @techcheck3042
      @techcheck3042  6 месяцев назад

      Thanks! Glad it was helpful 🙂

  • @bisbireto303
    @bisbireto303 4 месяца назад +1

    that is great!

  • @JahgrantAiyedun-le9dp
    @JahgrantAiyedun-le9dp 9 месяцев назад +1

    I enjoyed this tutorial 🎉🎉🎉. Very helpful!!!

    • @techcheck3042
      @techcheck3042  9 месяцев назад

      Awesome to hear! Thank you! 🙏

  • @pablorivera6989
    @pablorivera6989 8 месяцев назад +1

    amazing video thanks

  • @Human_Evolution-
    @Human_Evolution- 10 месяцев назад +2

    So that program turns your design i to code that you can paste into your code base? If so, why not show the code you created? Unless i missed something i did not see code. I skipped a few spots

    • @techcheck3042
      @techcheck3042  10 месяцев назад

      No, it didn't convert my design into code. Webflow is a no code/low code tool that is amazing if you haven't checked it out. It's like Wix or Squarespace, but let's you visually apply CSS (style bar on the right), so you can match designs perfectly and make everything exactly how you want.
      It also has a CMS and let's you loop over those items, styling each item as you need. Very powerful.
      They do have a Figma to Webflow plugin that lets you copy over your design, but you have to setup your design a certain way for it to work properly. You have to use auto layout (basically flexbox).

    • @techcheck3042
      @techcheck3042  10 месяцев назад

      I have an affiliate link in the description if you want to check it out. Highly recommend. I have another video where we use a webflow template and customize that. ruclips.net/video/LGots1T7-CU/видео.html

    • @Human_Evolution-
      @Human_Evolution- 10 месяцев назад +1

      @@techcheck3042 cool thank you. Does it show the code?

    • @techcheck3042
      @techcheck3042  10 месяцев назад

      @@Human_Evolution- you can add html elements, visually apply css, add class names, create components, etc. You can inspect using your browser/devtools, but in general, I don’t think they show you the code. I’ve also never tried, though 😅

    • @Human_Evolution-
      @Human_Evolution- 10 месяцев назад +1

      @@techcheck3042 aww okay. I think Figma create the code for you. I've never tried the one you're using. In the age of AI I'm kind of surprised not to see code here.