Spotlight Glow Hover Card

Wie bekomme ich das in Blocs hin?

That’s pretty straight forward.

Small Potato Ltd 2023-01-30 at 17.05.01

3 Likes

Interesting. How did you do it?

You’ve been selected as a beta tester :grin:

Oh, Oh, I want to be a Beta tester! :upside_down_face: LOL
Is it possible to make this happen in Blocs with the aid of using code?

Cheers @Jerry :wink:

How did you do it?

First set up the HTML structure in Blocs following the same structure as on Codepen. Add the classes to it which you can rename if you wish.

  1. Compile your SCSS into regular CSS here:
    SCSS to CSS Compiler - CSS Portal

  2. Remove all unused CSS and add most of the settings to the classes you have created in the HTML structure. All which can’t be added in the class editor should be added as additional CSS. You should be left with something like this:

Add the javascript to the page footer:

And you’re good to go:
Small Potato Ltd 2023-01-31 at 07.03.08

3 Likes

Now that was very kind of you to compile all that code and share it here. Thank you so much.