All comments

• 

  SHANbic• 100

  @SHANbic

  Submitted about 1 year ago

  i wanted to do some vanilla js dom manipulation to generate scores dynamically.

  I didnt manage to add a transition effect on the button, probably because of the linear-gradient

  

  html css and js to get dynamic scores

  1

  60

  

  Jennu Rayen• 150

  @jennurayen

  Posted about 1 year ago

  you did good job.

  to add a transition hover effect on button you can follow this code... in HTML " <a id="continue" href="#">Continue</a>" In CSS " #continue { width: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 18px; font-weight: 500; color: white; background: hsl(224, 30%, 27%); height: 55px; border-radius: 30px; margin-top: 30px; } /* hover effect and gradient Effect */ #continue:hover { background: linear-gradient(hsl(252, 100%, 67%), hsl(241, 81%, 54%)); } "

  0