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

Sdílet
Vložit
  • čas přidán 8. 09. 2024

Komentáře • 17

  • @bisbireto303
    @bisbireto303 Před 24 dny +1

    that is great!

  • @mikejmahon28
    @mikejmahon28 Před 6 měsíci +1

    Webflow is a game changer!

  • @akinolavictor4685
    @akinolavictor4685 Před 2 měsíci +1

    This was really helpful. Nice animation

  • @JahgrantAiyedun-le9dp
    @JahgrantAiyedun-le9dp Před 5 měsíci +1

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

  • @pablorivera6989
    @pablorivera6989 Před 4 měsíci +1

    amazing video thanks

  • @Human_Evolution-
    @Human_Evolution- Před 6 měsíci +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  Před 6 měsíci

      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  Před 6 měsíci

      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. czcams.com/video/LGots1T7-CU/video.html

    • @Human_Evolution-
      @Human_Evolution- Před 6 měsíci +1

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

    • @techcheck3042
      @techcheck3042  Před 6 měsíci

      @@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- Před 6 měsíci +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.