DIAGONAL CONTAINERS MOVE UP&DOWN ON PAGE SCROLL - Elementor Wordpress Tutorial Flex Container

No video

DIAGONAL CONTAINERS MOVE UP&DOWN ON PAGE SCROLL - Elementor Wordpress Tutorial Flex Container

Рет қаралды 11,524

andrea egli

Күн бұрын

Пікірлер: 86

@andreaegli Жыл бұрын

Building this feature was easier than I thought it would be I might maka an update in the future with some GSAP image effect on scroll but until then...this would do

@clintonjethro93 7 ай бұрын

Your channel is a goldmine. Thanks Andrea

@andreaegli 7 ай бұрын

Thank you so much, Clinton! Let me know if there’s something you would like to see in the channel 😉

@hashimmughal7350 5 ай бұрын

You are such an adorable web designer I've ever seen. Wheneve I saw you and your work, literally I feel happiness because you are cute and good as your work.

@mukulgoingdark 6 күн бұрын

This works perfectly!!

@NinaWorx 15 күн бұрын

works perfectly! thanks so much!!!

@andreaegli 15 күн бұрын

nice! you're very welcome!!!

@frzsme 6 ай бұрын

actually it was so great for me i learned so much simple things that i didnt we can do in elementor like overflow: hidden!!! so much confused before when i see horizontal scroll, thanks soooooooooooooooooo much.

@thewebstylist Жыл бұрын

Another AMAZING modern $tyle! Totally agree on scroll styling is priceless

@andreaegli Жыл бұрын

it's freaking amazing😁

@baptistedebels8987 Жыл бұрын

Very cool ! I follow all your videos, probably one of my favorite channel. Thanks a lot for your work and sharing, nice mind set ! 🙏❤

@andreaegli Жыл бұрын

Thank you so much, Baptiste! Comments like yours keep me going tbh😉

@martialcouderc1545 Жыл бұрын

Thanks Andrea, another great tutorial. It's great! You look great in red 😊

@andreaegli Жыл бұрын

You are welcome & thank you very much, Martial☺️

@deepanshusetia3492 Жыл бұрын

Loved the design. You are one of those great designs who even make the designs responsive.

@andreaegli Жыл бұрын

Thank you very much! I'm fulfilling my duty as a designer😁 what is a web design if it's not responsive, right?

@Jebesniper 11 ай бұрын

Crazy i just got a project that needs this and this showed up on my feed i definitely needed this. Thanks Andrea

@andreaegli 11 ай бұрын

😄 you are very welcome!

@teuccio73 Жыл бұрын

your tuts are alway most useful !!!

@andreaegli Жыл бұрын

Glad to hear that, Teo!🤩

@iwebmediahub8087 10 ай бұрын

Great Work Andrea, Really need this right away lol, thumbs up

@andreaegli 10 ай бұрын

Thank you 😊 awesome!

@Shortisenough 5 ай бұрын

You're tutorials are awesome ❤

@abhishekparida19 Жыл бұрын

Bro!!! Keep up the amazing work! Really showing some new stuff which can't be found anywhere!!!

@andreaegli Жыл бұрын

Thanks! Will do!😁 In the meantime, let me know if there's anything you'd like me to recreate...

@abhishekparida19 Жыл бұрын

@@andreaegli Hi Andrea, I sat down to create this effect on my website but I have the elementor free version so the scroll won't work. I will use it without the effect for now. This made me realize that how important is to learn how to code. I could have used the marquee code you created on the images to find a work-around but I don't know how. I will learn css now. Wish me luck.

@websquadron Жыл бұрын

Super smart!

@andreaegli Жыл бұрын

Thank you, Imran!😁

@JohnXionidis Жыл бұрын

Really nice effect! Thank you for this

@andreaegli Жыл бұрын

Glad you like it, John!🤓... and you're very welcome!

@erhamotionvideo7517 Жыл бұрын

yeeeeah I will sit in the front, we love elementor

@andreaegli Жыл бұрын

love it! don't forget to grab some popcorn 😁

Жыл бұрын

Oh yeah.. I'm waiting!

@andreaegli Жыл бұрын

🤩

@Abdullah_WordPress_Expert Жыл бұрын

thanks ma'am for the best tracks

@andreaegli Жыл бұрын

Welcome 🙏

@jean-mahmoud_du_tacobel Жыл бұрын

Thank you Andrea 🙌 And you are so beautiful 🌺🌺🌺❤️

@andreaegli Жыл бұрын

Thank you, Jean☺️

@jean-mahmoud_du_tacobel Жыл бұрын

@@andreaegli Tu es belle comme la rosée du matin 🌺

@NaveedAhd Жыл бұрын

ahhh can wait for this banger

@andreaegli Жыл бұрын

hehe, I hope it will not disappoint😁

@moog6513 10 ай бұрын

Love your work ! 💫❤💯

@estefanoaquino 4 ай бұрын

EXCELENT

@MrNeptoon Жыл бұрын

Hi, The linked code is for a different effect/video "text over video"

@andreaegli Жыл бұрын

hey, thanks for that, fixed!

@AllenLu Жыл бұрын

Im here for the dress actually

@andreaegli Жыл бұрын

I can't even with your comment!!!😂

@ondraman Жыл бұрын

Thank you

@andreaegli Жыл бұрын

You’re welcome ☺️

@kamessytta Жыл бұрын

Bravo! 👌👍❤️👏👏👏

@andreaegli Жыл бұрын

🤓 danke!

@oswelmatos9381 Жыл бұрын

For when a tutorial on how to make the header that is on your website with glassmorphism?❤

@andreaegli Жыл бұрын

Will see if I can make it soon...

@oswelmatos9381 Жыл бұрын

@@andreaegli❤

@jonathanalonhalimi5187 2 ай бұрын

Is it possible to make it in a way that you can change the photos without replacing them individually inside Elementor?

@andreaegli 2 ай бұрын

You could try doing that with ACF, it should work just fine 😉

@sumeramughal Жыл бұрын

Thanks for amazing effect! Can we accomplish this with sections instead of containers?

@andreaegli Жыл бұрын

Thank you so much! I honestly don't know, I've stopped using sections since containers were introduced. You can mix containers with sections on the same website if you want to implement this effect...

@sumeramughal Жыл бұрын

@@andreaegli thanks! I converted the website to containers, and voila it works :) Thank you and keep it up!

@andreaegli Жыл бұрын

@@sumeramughal fantastic! you are very welcome

@deividasbilys3809 Жыл бұрын

best

@andreaegli Жыл бұрын

thank you🤓

@sebdemb Жыл бұрын

OMG fcking amazing! Huuge thank you for your work.

@andreaegli Жыл бұрын

Best comment ever!!! 😅 thank you so much, Sebastian!!! Lemme know if there’s smth you’d like to see me recreate 😎

@floyd1411 9 ай бұрын

Hiya, amm quick question related to the non design elements of a website. Wouldn't this slow down the website because of the number of images? Also if it is converted to webp, would that be better then to use?

@andreaegli 9 ай бұрын

Hey! Definetly always use webp. If you optimize images as best as you can, nope. Imagine working on a photography website and telling your client not to put too many pics up because it will slow down the website? I would recommend checking @websquadron channel for the best image optimization tips

@floyd1411 9 ай бұрын

@@andreaegli ohhh that is an excellent response. I complete hear you. My stratergy was to put a few images on the home page and then have all th bulk of the images on a whole new page. And yaa i do follow websqadron and infact my concern of using too many images was from there. But you are absolutely right, there will be scenarios where images are the main part of the website and we cant shy away from giving it the best design. Thank you, Andrea.

@sdfsfsfd437 Жыл бұрын

hi there! just a question please: what program is the one you are using? thanks a lot.

@andreaegli Жыл бұрын

hey! What do you mean by program? Are you referring to the software/page builder? If so, it's Elementor...

@sdfsfsfd437 Жыл бұрын

@@andreaegli yes, thanks: I meant that software.

@turekmateusz Жыл бұрын

What if I add lenis scroll on that is that gonna work ? I dunno if I use lenis motion effect from elementor don’t gonna work I know when you use locomotive scroll the motion effects not working

@andreaegli Жыл бұрын

Just tested with lenis scroll and it works! Yeah, I prefer lenis over locomotive for this reason...plus, lenis supports sticky/fixed positioning which is great, especially for navbars...

@turekmateusz Жыл бұрын

@@andreaegli ngl you saved my ass for figuring out scroll triggers for thouse 😀😀 ( which I still need to learn how to use it 🫠) Thank you 🙏🏼🙃 You doing great job on KZfaq btw . 💜

@andreaegli Жыл бұрын

@@turekmateusz hehe, you're welcome! Aww, thank you so much!