www.wysiwygwebbuilder.com

on page https://www.wysiwygwebbuilder.com/index.html

down by "What's New for 2023?"

there are boxes one being "Dark Color Scheme"

I like how this box works.

how would I recreate this?

See the following:
Almost 18... (teaser)
Tutorial
Dark Color Scheme

thanks, but I was referring to the Box

when you put the mouse over the box it has an animated effect.

thanks

The box is a card.

Open the properties of the card and click on: animations -> transitions.

For the shadow, you will need to set the property to box-shadow and for the value type in the box shadow values you want.

To make it grow, you will need to set the property to transform and then adjust the scale values.

In each case above, you need to enter a default trigger value and a hover trigger value.

Example for shadow:
default value: 0 0 5px rgba(0,0,0,0.3)
hover value: 0 0 15px rgba(0,0,0,0.3)

the one @pablo has on his site is is

default:
box-shadow: 0px 0px 10px #00000033;

Hover:
box-shadow: 0px 0px 14px #000000b3;
transform: rotate(0deg) scale(1.02,1.02);
transition: box-shadow 500ms linear 0ms, transform 500ms linear 0ms;

Thanks both, I got it working...