advice generator app

Great job on the solution!! For the hover effect you can do this, it worked for me:

#btn-generate:hover {
  box-shadow: 0px 0px 30px 5px hsl(150, 100%, 66%);  /*for a neon green color*/
  transition: ease-in-out 500ms;
}

the box shadow property syntax is: horizontal-offset / vertical-offset / blur / spread / color

Hello there, great job on the solution. You can use the box-shadow property for the hover effect.

You need to add all the properties in transition that you mean to have the effect, like this-

    transition: transform 750ms ease-in-out,
    opacity 500ms ease-in-out,
    backdrop-filter 500ms ease-in-out;

image

ps- I am not 100% sure if its needed, but I added the backdrop-filter:blur(0px); to be sure the transition works perfectly.

kudos!! you did a great job making this ^^