Тёмный

Bricks Builder Trick - Glowing Cursor on Card Hover 

Jeffrey @ Lytbox
Подписаться 27 тыс.
Просмотров 8 тыс.
50% 1

✨ Join us in the Lytbox Academy Community:
lytboxacademy....
Link to the code snippets 👇
lytboxacademy....
Link to the Elementor version of this tut
• New Elementor Design T...
/////
✨ Learn High-Level Web Design Skills With Me:
🟢 Master Elementor while learning web design skills:
lytboxacademy....
🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:
lytboxacademy....
🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:
lytboxacademy....
🟢 Become a Lytbox Academy Pro Member:
lytboxacademy....
/////
✨ My Recommended WordPress & Web Design Tools:
👉 The hosting I use:
Cloudways (use promo code LYTBOX for 30% off 3/months)
lytboxacademy....
xCloud:
lytboxacademy....
/////
👉 My WordPress Tools:
Elementor Pro:
lytboxacademy....
Breakdance Builder:
lytboxacademy....
Bricks Builder:
lytboxacademy....
Crocoblock:
lytboxacademy....
SEOPress (the best SEO tool for WordPress!):
lytboxacademy....
Perfmatters:
lytboxacademy....
InstaWP:
lytboxacademy....
WP Umbrella:
lytboxacademy....
/////
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementor #elementortutorial #elementorwordpress

Опубликовано:

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 60   
@doudmine
@doudmine 9 месяцев назад
Wow, I loved this tutorial! I'm desperate for more. Seriously, the internet needs more top-notch Bricks content like yours. Please keep creating!
@LytboxStudio
@LytboxStudio 9 месяцев назад
This is awesome to hear and definitely more to come!
@hamburger--fries
@hamburger--fries 9 месяцев назад
More Bricks content!!! Best builder hands down! Specifically Dynamic Data with custom php / JS code.
@haniels5171
@haniels5171 11 дней назад
Jeff would love to see what you Custom class framework looks like!!!
@danieldk9433
@danieldk9433 9 месяцев назад
I did it again from scratch and it works, very helpful tutorial, thank you!😀Liked and subscribed :) I hope for more interesting materials using bricks.
@LytboxStudio
@LytboxStudio 9 месяцев назад
Awesome! And for sure, I’m looking forward for more Bricks tuts
@andreasprautzsch_webdesigner
@andreasprautzsch_webdesigner 8 месяцев назад
Very good tutorial. I would have a small improvement: To get the animation between several boxes more fluently, I have set the opacity of the class .blob to 1 and removed the part with mouseenter / mouseleave from the js. This way the blob glides into the other box without the cursor having to be in the other box. Feel free to try it out. More videos like this please
@fazanash
@fazanash 6 месяцев назад
Hey Jef, do u have a video about how to get started in usinh bricks?
@James_m7
@James_m7 8 месяцев назад
This is great, but so advanced... any chance you can do an easier tutorial with just the Bricks builder with no add-ons?
@NOALNOM
@NOALNOM 9 месяцев назад
Awesome 🎉 Bricks and AT are simple great 👏👏👏🥳
@LytboxStudio
@LytboxStudio 9 месяцев назад
Bricks and AT is like level 5 Super Saiyan mode! A beastly combo
@Kh4N
@Kh4N 9 месяцев назад
Also a bricksland now! Wise decision 😉👍🏼
@olivermahrle
@olivermahrle Месяц назад
can share the link please from the demo website?
@heylaurenkay
@heylaurenkay 9 месяцев назад
That's such a cool effect
@LytboxStudio
@LytboxStudio 9 месяцев назад
Thanks! 🙏
@Sascha.Hauser
@Sascha.Hauser 9 месяцев назад
Great tutorial, thanks.
@hdustinowens
@hdustinowens 9 месяцев назад
Do you have any videos or opinions on Elementor vs Bricks? Curious if Bricks is worth exploring.. I’ve been exclusively using Elementor for 4+years
@LytboxStudio
@LytboxStudio 9 месяцев назад
I’ve been considering making this video. I’ve also been a Elementor power user for several years and it’s served me well. But I started using Bricks this year and after a few sites, I fallen in love with it. It’s really next level and definitely worth exploring.
@buntusdev-uf1kt
@buntusdev-uf1kt 9 месяцев назад
Am now a new subscriber
@stewtech
@stewtech 9 месяцев назад
What is that screen that pops up from the left with workflow items?
@LytboxStudio
@LytboxStudio 9 месяцев назад
It’s the Arc Browser. If you have a Mac you gotta try it. I believe it’s in beta for PC now too
@stphnmwlkr
@stphnmwlkr 9 месяцев назад
Great effect. Thank you for sharing. Since I wanted to use it in a query loop and couldn't get nth-of-type to work to change the blob color, I opted for a gradient - works perfectly. I also changed the CSS by adding top:-50% to the .blob CSS because for some reason the blob was not centered on my cursor.
@LytboxStudio
@LytboxStudio 9 месяцев назад
Nice one! I gotta try the gradient now!
@buntusdev-uf1kt
@buntusdev-uf1kt 9 месяцев назад
nice
@chillydoog
@chillydoog 8 месяцев назад
Dude, this is fantastic. I've been digging into which builder to choose, and now I'm totally sold on Bricks. This tutorial is spot-on - exactly what I need. It beautifully merges actual coding for detailed site customization with the convenience of a CMS platform, plus a robust theme as a foundation. Looking forward to more of your tuts!
@dariusarts
@dariusarts 3 месяца назад
Hello, Looks Great. However, this is not working for me. I tried to look on the code and other things and double check everything, still not working. Then I check your site and found the code here and on site is different. Can you please suggest which one is the updated one and the correct one too. Also, I tried both codes, but no one works. Then I look onto the Live example page where you shows how it reflects. And even on your site also, it is not working. Showing exactly what and how it is appearing for me. Can you please look into that Live example page. And check the code and update the steps with code on the site page. And let me know here. Regards
@LytboxStudio
@LytboxStudio 3 месяца назад
Hey it does work, I've updated it and make an improvement so the glow leaks to other boxes when hovering. My example site is being rebuilt for future tuts on Bricks.
@dariusarts
@dariusarts 3 месяца назад
​@@LytboxStudio Hello Jeffrey, Thank you for your response. I again tried to look at the link of Live example, where you showed, how it should appear. But unfortunately, even your Live example is not showing they way you are showing in Initial preview of RU-vid video and your Blog page (above step 1). In live example link, it is only showing a sort of simple overlay on mouse-hover, somewhat like opacity changes on mouse hover. I could not see any color change inside blocks and even at the borders, even in your Live example page. In Live example page, what I come across is - 1. There is No color change overlay on mouse hover on any Grid box. 2. There is No color on the Border on mouse hover on any box. 3. There is no effect on box 2 either. Can you please again check the Live example link and update the code as well on your site. So that we can then again try to follow your steps, on the basis of updated working code and Live example page. We tried and checked your Live example page on Chrome and Edge browsers with latest versions of each. PS: I am very eager to use such effect, but unfortunately unable to achieve the effect. As something might be missing or not working. Please suggest Regards
@LytboxStudio
@LytboxStudio 3 месяца назад
​@dariusarts it's going to take time for the rebuild for examples site. I have checked the code and it's still working. There was only an adjustment to the code snippet to improve the effect. I suggest to try and follow the tutorial closely step by step. GL!
@korova-moo
@korova-moo 9 месяцев назад
Great tutorial although I am baffled as to why you use so many framework classes for things like a border radius, z-index, card padding and so on. Surely it would be easier to add those to the custom class for the card so that if one day you suddenly decided you wanted more padding, you'd have to change it on every single card on the website. If you just added some padding to the class then you change it in one place and the whole site updates. Same with border radius, maybe you wanted it square instead of curved...if you had 20-30 cards on your site, that's a big job bro...just add the border radius to the class.
@LytboxStudio
@LytboxStudio 9 месяцев назад
I create my cards as components and add the styles directly to the card for this purpose, to not add heaps of classes. This is a tuts site and doesn’t have any comments set up yet. Right now I’m only adding styled components to production sites I work on. Good points though, glad you brought them up so others can learn. Cheers
@revistalibertad7151
@revistalibertad7151 3 месяца назад
Segui tu tutorial paso a paso y no me salio el efecto. Perdi mi tiempo... Gracias igual.
@LytboxStudio
@LytboxStudio 3 месяца назад
We only waste our time when we give up before finding the solution.
@arslaniqbal3937
@arslaniqbal3937 9 месяцев назад
i watched your elementor tutorial 2hours ago,for this and i was going to replicate the process in bricks and suddenly i noticed there is a new bricks tutorial. Thank You
@LytboxStudio
@LytboxStudio 9 месяцев назад
Perfect timing! Awesome 😎
@olivermahrle
@olivermahrle Месяц назад
which font is in the heading?
@isaurasotoca
@isaurasotoca 9 месяцев назад
Amazing effect and a really well explained tutorial 🔥 The Bricks community needs more of this type of great quality content!!! Thank you very much! Just added to a site I am currently working on, and the effect is dope! 😍
@LytboxStudio
@LytboxStudio 9 месяцев назад
A huge thanks! I’m so glad to hear this and looking forward to more dope Bricks tuts!
@TranTrong_Quyet
@TranTrong_Quyet 9 месяцев назад
Can you make a video about customize comment section in blog post thanks a lot
@LytboxStudio
@LytboxStudio 9 месяцев назад
That’s a good idea! We just did some customizations to the Lytbox Academy site’s comments. I’m adding this to my idea board. Cheers!
@BGdev305
@BGdev305 9 месяцев назад
BEM
@EliasRise
@EliasRise 4 месяца назад
Please make more tutorials on Bricks Builder
@LytboxStudio
@LytboxStudio 3 месяца назад
More are coming...I promise 😉
@itspraveensharma
@itspraveensharma 9 месяцев назад
Great such cool effect videos are always welcome.....Subscribed.
@whatamiwitnessing1003
@whatamiwitnessing1003 9 месяцев назад
Would be nice if you get the edges to glow when hovering between the cards. Getting the full glow and revealing the circle only when the mouse enters the card.
@nmg2023nmg
@nmg2023nmg 9 месяцев назад
Amazing, need more :)
@LytboxStudio
@LytboxStudio 9 месяцев назад
Awesome! More on the way!
@jenniferward6821
@jenniferward6821 9 месяцев назад
Terrific. More!!!
@LytboxStudio
@LytboxStudio 9 месяцев назад
For sure! More is on the way 😉
@stewtech
@stewtech 9 месяцев назад
Amazing!!
@LytboxStudio
@LytboxStudio 9 месяцев назад
Thanks! 🙏
@IssaKhlief
@IssaKhlief 9 месяцев назад
What's the framework you ate using in Bricks?
@WPTuts
@WPTuts 9 месяцев назад
It’s the Core Framework with the Bricks addon. 👍
@IssaKhlief
@IssaKhlief 9 месяцев назад
@@WPTuts Thanks, I was looking into using Core Framework, and I just wanted to check if Core Framework works with Advanced Themer, as both have color management for example, would they conflict?
@WPTuts
@WPTuts 9 месяцев назад
@@IssaKhlief I believe there is support for CF in AT, but you can ignore all the colour options in AT and just use CFs functions. That’s what I’m doing with my builds. 😁
@LytboxStudio
@LytboxStudio 9 месяцев назад
@issakhief I’m using Core Framework paired with Advanced Themer. All my variables including my colors are managed in AT, components like buttons, forms, lists, cards etc I set up in Bricks classes with my own framework and all modifiers I have set up through CF. It’s still a work in progress getting my system optimized for productivity and best practices but I’m about 95% there where I’m feeling good with the overall flow. I’ll be sharing all of this soon in an upcoming video.
@IssaKhlief
@IssaKhlief 9 месяцев назад
​@@LytboxStudiofantastic this is the same thing I am trying to achieve to balance the different systems for maximum efficiency, I would love to know the results of your research
@realadnan1
@realadnan1 9 месяцев назад
First! Even though I don't use bricks..
@LytboxStudio
@LytboxStudio 9 месяцев назад
Nice one! Cheers!
@Skratchable
@Skratchable 9 месяцев назад
get that LTD before it goes up in price! it's a great tool
Далее
Sharing my Bricks Builder WordPress Website Blueprint
10:06
Avaz Oxun - Yangisidan bor
14:29
Просмотров 361 тыс.
Самая сложная маска…
00:32
Просмотров 1,1 млн
Bricks - Gradients & Overlays (Linear, Radial, Conic)
11:59
Why Beautiful Websites Don’t Convert
12:57
Просмотров 145 тыс.
Glowing Cursor Card Effect - Bricks Builder Tutorial
20:18
My Top 10 BEST WordPress Plugins for 2023 🏆
17:55
Avaz Oxun - Yangisidan bor
14:29
Просмотров 361 тыс.