Elementor BLUR ZOOM Hover Effect | WordPress Elementor Pro Tutorial

No video

Elementor BLUR ZOOM Hover Effect | WordPress Elementor Pro Tutorial | Elementor Tricks

Рет қаралды 31,435

Күн бұрын

In this tutorial, I'll show you How to create Blur Zoom Hover Effect using Elementor Page Builder 🔥🔥No additional plugin is required!! 🔥
✅ Get Elementor PRO:
jimfahaddigital.com/e-pro
✅ Get Tutorial Code Snippets:
jimfahaddigital.com/tutorial/...
✅ Get Domain & Webhosting(50% off):
jimfahaddigital.com/hosting
Subscribe Here: bit.ly/JFDtutorials
TIMESTAMP:
0:00:00 Overview
0:00:33 Design the Layout using Elementor
0:03:11 Make the Design Responsive
0:04:41 Adding Blur Zoom Hover Effect
0:07:3 Contact Jim Fahad
In this tutorial, I've used a very new new type HOVER ANIMATION. It'll make the hovered card zoomed in and other cards zoomed out!
I have also provided the CSS snippet for it! You just need to copy and paste the snippet!
Thanks for Watching!
✅ Become a WordPress Freelancer Today! Watch this Tutorial:
• Elementor Experts Netw...
✅ Hire a Pro Web Developer:
jimfahaddigital.com
-----------------------------------------------------------------------------
And, Here are other Full Website Creation Tutorials using ELEMENTOR+WORDPRESS:
Elementor Portfolio Tutorial 2021:
• How to Make a PERSONAL...
Elementor Pro Complete Tutorial 2020:
• Elementor Pro Tutorial...
How To Create a Modern Website 2020:
• [No Coding] How to Mak...
How To Make a Business Website 2020:
• [Complete Tutorial] Ho...
How To Build a Personal Portfolio Website 2020:
• [A-Z] How to Create a ...
How To Create a One Page Wordpress Website 2020:
• How to Make a Complete...
How To Create a Multi-Page Wordpress Website 2020:
• How to make a $5000 Wo...
How To Create App Landing Wordpress Website 2020:
• How to Make a WordPres...
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
About:
8 Million+ website owners started using the Elementor page builder. I'll show you the easiest way how you can create your personal resume website using Elementor Page Builder yourself.
#WordPress #Elementor #tipsAndTricks
If you're searching for how to make an eCommerce website, how to make a professional webShop from scratch, how to create an Online Store website step by step using woocommerce elementor, woocommerce subscriptions, WordPress eCommerce 2020 tutorial for beginners, woocommerce plugins, woocommerce payment gateway, best website making course, Elementor tutorial for beginners - then this tutorial is for you.
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
Like me on Facebook:
/ jimfahad.consultancy
And, lastly, If you want me to build your AWESOME website at an affordable price,
✅ You Can Contact me through my website:
jimfahaddigital.com/request-a...
Have a great day!

Пікірлер: 64

@jimfahaddigital Жыл бұрын

🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

@andyphilliph8988 2 жыл бұрын

Hey Jim Bro, after a long interval, I was startled and charmed just opening my mail as there were some new notifications of your lovely creativity. You always make me amazed and excited. The blur zoom hover effect was another surprising lesson of course. Love it so much.

@rosmelciber 2 жыл бұрын

wow thanks teacher Jim it's amazing every effect you can think of doing more of this please.

@hafizabuhurera9499 2 жыл бұрын

This video answers my alot of questions. I am new in WordPress. This effect also help me in long portfolio image. Love you from Pakistan. Allah bless you.

@ashkalimpact 2 жыл бұрын

Thanks so much for this... So excited💃💃... Jazakumullahu Khairan 🙏

@prokassim 2 жыл бұрын

another amazing one from the artist .

@susangemayel-tapper3794 2 жыл бұрын

Thanks Jim, great tutorial

@abdussamad2881 2 жыл бұрын

Nice work, please upload this kind of video regularly.

@jehssicasantos9426 2 жыл бұрын

Ótimo amo seus tutoriais são muito importantes para nos continue os fazendo.

@99ohmygod 2 жыл бұрын

Beautiful cards.Thanks

@mahmodulhasan7 2 жыл бұрын

Just amazing 🔥

@AmitRoy 2 жыл бұрын

Another wonderful tutorial.

@danplumadore647 2 жыл бұрын

Awesoem tutorial. And timely.

@SERGIOGEYMERELCRAKnab 2 жыл бұрын

Good video i love it, good work

@LionDesign 2 жыл бұрын

I am so glad I found you

@sakib-hosen 2 жыл бұрын

Very nice video and thanks

@munich-viki Жыл бұрын

Hello Jim, thank you for the video. I insert an image instead of hover background color. How and where should I add opacity for the hover background image?? Thank you very much for your answer!!!

@visualmodo 2 жыл бұрын

Very good video!

@arafattusher 2 жыл бұрын

Amazing video

@mmatv9568 6 күн бұрын

very helpfull video thanks

@cjepsmaroc 2 жыл бұрын

Toujours vous methoné avec votre simplicité de présentation et idées 💡 Merci boucoup

@jimfahaddigital 2 жыл бұрын

Cela signifie beaucoup! Merci de continuer à me soutenir ! 😍🥰😍

@cjepsmaroc 2 жыл бұрын

@@jimfahaddigital toujours 👌

@eyghtsbit 2 жыл бұрын

best intro!

@NadirNizam 7 ай бұрын

great sir

@cprlrst 2 жыл бұрын

Could you do some of these tutorials showing them in the new container method?

@andrejracz3923 Жыл бұрын

Hello there, I have a question regarding the CSS. I put in the CSS and everything seems to work just fine, but it appears to have created a white space below the section that I can't seem to get rid of. I checked the margins and even at 0 it doesn't change the white space. Any advice?

@mynameisgustavo10 2 жыл бұрын

best intro ever

@marufamim007 2 жыл бұрын

You rock🔥

@jimfahaddigital 2 жыл бұрын

Thanks a million!!

@YasirShabbir 2 жыл бұрын

Cool 😎 bro

@estebenalvarado62 Жыл бұрын

Hey Jim, what if I would like to put an image instead of only the color?

@basaratgohar386 2 жыл бұрын

Can you please make a tutorial on how to make a load more button, like you have on your website on tutorials page, with "See More Tutorials" as placeholder text.

@user-ho7ez9xf2l 4 ай бұрын

Great work sir 👏🏻❤

@jimfahaddigital 4 ай бұрын

So nice of you 😍

@mvutu9305 2 жыл бұрын

Thanks a lot from DRc 🇨🇩🇨🇩

@jimfahaddigital 2 жыл бұрын

Thanks to you for sharing your experience!!

@dawidjaoszynski9362 2 жыл бұрын

Hi, what If I would like to have image? How to set that I dont want to have any hover? If I clear this line its white :(

@fahdsadiki1584 2 жыл бұрын

Hey fahad thank you for the great content. I hope you can make a tutorial on how to build a landing page fir a clickbank product with elementor

@tomekpniak6628 2 жыл бұрын

Thank You for The great content

@MrBitLearner 2 жыл бұрын

I can't print pages made with Elementor with background image or color. Printing in black and white. Even after turning on the background image from the print option. Please make a video on it. Or please make a video to generate PDF in Unicode font while submitting JetEngine Form.

@StumbledCape673 2 жыл бұрын

When i hover on the card, border radius just dissappear. Any tips how to fix that?

@crawlmath Жыл бұрын

After updating and in preview it the effect dosen't remain same

@srsabbirrohaman9286 2 жыл бұрын

Please make a video with your clients project

@YasienSarlie 2 жыл бұрын

Thanks mate. Will this work if I add a second row of cards?

@jimfahaddigital 2 жыл бұрын

It will work separately within each inner section(row)!

@codedByAyush 2 жыл бұрын

Amazing video. Do you have any plans on creating videos where you review other's website and give valuable feedback? That will be super helpful for Web developers and designers .

@jimfahaddigital 2 жыл бұрын

WOW!! Actually I've also a plan to make other's website review videos twice or at least once per month!!! I also think like you it would be super helpful for everyone including myself!! 🥰😍

@mahmodulhasan7 2 жыл бұрын

@@jimfahaddigital ok vai thola tara tare korn

@gulabkhan5873 2 жыл бұрын

Please suggest me best lms plugin

@mr.lancers3692 2 жыл бұрын

Textilery - Textile & Garment Industry website design Tutorial Please

@AmirHamja-qx6kr 2 жыл бұрын

How you make login, register, forget password and my profile or my account page. please make details Video. So that we can change and design.

@danisharain8574 2 жыл бұрын

Dear Jim Fahad Please make a video on Blog website. Then we can make money with blog website. Thanks 👍.

@news123-4 2 жыл бұрын

I couldn't find the code. I e-mailed it to you

@worthmind 2 жыл бұрын

please a video about how you make your website services page like Fiverr?

@jimfahaddigital 2 жыл бұрын

That's custom coded(Mostly JS & PHP)!

@user-vh8yu3cd6t Жыл бұрын

is that possible with elementor free

@sewingprocess6007 2 жыл бұрын

in your site I am not getting the link of your custom CSS. can you tell me how can we get that custom CSS? if it is not free then don't mention in your video.

@jimfahaddigital 2 жыл бұрын

I'm not sure what are you saying! It's completely FREE! Everyone can see it! What's wrong? prnt.sc/26xvf6g