Cursor Hover Card JS Effect - Bricks Builder Tutorial
Cursor hover effects can be a really great way to spruce up your website design and make specific content pop out to your visitors. In this video I show you how to make a glowing hover effect on cards that follows the cursor around in the entire grid.
This video came from Hyperplex's youtube channel • You Need This Hover Effect On Your Site AS... and converted to a bricks builder tutorial. There are a few tweaks from the original to make it more maintainable and teachable.
Video Assets:
Border Radius Calculation: / 1735216864249184448
JS Script: https://pastebin.com/auJEzL9H
JS script for multiple grids: https://pastebin.com/D7f57Bks
Socials:
https://nickarce.com
/ nickarceco
Timestamps:
00:00 - Intro
00:31 - Adding Cards
03:01 - Styling Cards
05:26 - Border Radius Trick
07:43 - Border Glow
16:02 - Card Glow
19:11 - Outro
On this page of the site you can watch the video online Cursor Hover Card JS Effect - Bricks Builder Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Nick Arce 20 December 2023, share the link with friends and acquaintances, this video has already been watched 10,724 times on youtube and it was liked by 475 viewers. Enjoy your viewing!
