Website Entrance Animation with WordPress Breakdance Builder

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 มี.ค. 2023
  • In this tutorial I show you how to build a nice website entrance scrolling animation using the Breakdance Page-Builder and WordPress.
    Get Breakdance Builder ► go.karnetzke.de/breakdance
    It doesn't matter if you already have experience with WordPress or Breakdance or if you are just starting with it. This is a step-by-step Breakdance Tutorial. We start using a blank canvas in Breakdance and I will walk you through the process of creating the whole animation from start to finish.
    At first we create the website header using the Header-Builder-Element and include the logo and navigation. Then we create the Hero-Section and add headlines and text elements. Finally, we create all the animations directly with the Breakdance Scrolling-Animation and Entrance Animation features.
    Looking to take your web design and WordPress skills to the next level?
    👉 Subscribe now.
    Thanks for watching!
    --
    Some of the links in this video description are affiliate links. This means that, at no additional cost to you, I may earn a small commission if you click through and make a purchase. These are products I recommend and use myself, and any commissions help to support the channel. Thank you for your support!
    Disclaimer: Please note that this video is not sponsored by any third-party companies or products mentioned within the content. All views and opinions expressed in this tutorial are solely those of the creator.
    Image credit: Dominik kielbasa unsplash.com
    #webdesign #breakdancebuilder #wordpress
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 26

  • @johannawerb-pieterman2857
    @johannawerb-pieterman2857 ปีที่แล้ว +2

    Love it!

  • @BneiAnusim
    @BneiAnusim 7 หลายเดือนก่อน +1

    19:07, since the title is Entrance Animation, I think the design part was totally unnecessary! The setting up of the animation starts here! 😉

  • @PedroS-nv1sl
    @PedroS-nv1sl 4 หลายเดือนก่อน

    Excellent video. Thanks for sharing

  • @9090RF
    @9090RF 15 วันที่ผ่านมา

    Continue creating new content

  • @dandrevs
    @dandrevs ปีที่แล้ว +1

    This is pretty cool. Keep it coming!

  • @user-pd8zb8px4f
    @user-pd8zb8px4f 4 หลายเดือนก่อน

    Very good! Thanks Toby

  • @mohammadjabedhossain7674
    @mohammadjabedhossain7674 10 หลายเดือนก่อน

    You have done so far. Love the way you teach us in details.... Thank you very much... 🥰🤎🖤

  • @ahoyleisure
    @ahoyleisure 7 หลายเดือนก่อน

    love this.

  • @TimOlukayodeAjayi
    @TimOlukayodeAjayi ปีที่แล้ว +2

    This is one of the best designs I have seen anyone built with Breakdance. How about creating awesome premium design blocks/library for Breakdance?

    • @TobiasKarnetzke
      @TobiasKarnetzke  ปีที่แล้ว

      Hey, Thank you very much, I'm glad to hear that. I have actually been working on this idea.
      This is an AI content approach for a design set, but it still needs some work:
      karnetzke.dev/x3dvf4g2/

  • @350zdriver14
    @350zdriver14 ปีที่แล้ว +1

    I love your Breakdance tutorials that you have done so far. I've just purchased breakdance and I've been looking for someone that takes a deep dive into all of the features of Breakdance instead of not knowing anything and trying to explain what Breakdance is like most of the other TH-camrs I've watched. You really know your stuff. Are you an employee/breakdance team member? I really look forward to future breakdance videos. Keep up the great work. You got a new subscriber here !!

    • @TobiasKarnetzke
      @TobiasKarnetzke  ปีที่แล้ว +1

      Thank you for your comment. No, I am not employed by Soflyy (developers of Breakdance) or part of their team. I have my own web design and marketing agency.

  • @klebergiurizatto4841
    @klebergiurizatto4841 10 หลายเดือนก่อน

    Perfect

  • @buildingabetterwebsite
    @buildingabetterwebsite ปีที่แล้ว

    good stuff! I'm going to use this on a site

  • @brandon.barish
    @brandon.barish 4 หลายเดือนก่อน +2

    Overall I did like the video but this should have been broken up into two videos; one for laying out the content and another for adding the animation. The title of this video is about animation which that content didn't start until 19mins in.

  • @thewebstylist
    @thewebstylist 11 หลายเดือนก่อน

    Very cool! New to this page builder, would u know of some links to very modern dynamic site samples built w Breakdance?

  • @Froylander
    @Froylander 7 หลายเดือนก่อน

    Did You see that podcast or radio sites? How it chance between Pages without cut the sound?? Can You show us how make something like that in breakdance??

  • @ytstudio-d
    @ytstudio-d 6 หลายเดือนก่อน

    everything is ok, I just don't understand why everyone works on the desktop version and the mobile version is the most represented today, so I'm interested in the mobile version of this project, and whether everything works like that on the mobile version, since I know that BD itself ignores the mobile version, especially as far as such scroll animations, I mean there are no special settings for mobile versions of this effect

  • @Throwbackss
    @Throwbackss 3 หลายเดือนก่อน

    In the Entrance Animation menu, there is no None menu in the list, that is, to remove the animation to the text that I put in beforehand. Is there a possibility to remove it? or do I have to make the text from the beginning and change it with the one that had the animation installed?

  • @350zdriver14
    @350zdriver14 ปีที่แล้ว +1

    Is there a way to remove a gradient once you put it on. I was just playing around trying to learn Breakdance and I put a gradient on but didn't like it but couldn't figure out how to remove the gradient. I also accidently added a dot on the gradient by clicking in the middle and couldn't figure a way to remove the dot without clicking the undo button. There should be a way to remove a dot in the gradient color selector area. What if a client don't like 3 colors and just want 2 in the design?

  • @buddafi
    @buddafi ปีที่แล้ว

    Could always inform us which version you are using? The Free or Pro one?

  • @eddielee9212
    @eddielee9212 ปีที่แล้ว +2