advice generator app

Community feedback

• 

  Marija H.•110

  @mh1251Posted over 2 years ago

  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

  Marked as helpful

  1
• 

  Vishal Biradar•895

  @vishalbrdrPosted over 2 years ago

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

  2
• 

  Partha Priyadarshi Das•50

  @MrSnorPosted over 2 years ago

  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 ^^

  1