A couple questions for my Random Quote Generator project

https://codepen.io/FuriousJK/full/YMoNgZ

My first javascript project is almost ready and would need your assistance to complete it. I am facing the following two issues,

1] I want to make the transition of my background and quote box smooth. Any idea how do I do that? I tried messing with transition property but didn’t work.

2] When I click on the tweet button, it doesn’t show the text in the new window.

Thanks!

Here is what I suggest:

  1. Use CSS Gradients to make a fade. You can also use CSS Box Shadow to create a divide between background and foreground (quote).
  2. Trying removing the “href” part of your tweeting function.

Notes

Please hit the reply button or I do not get notified.

Helpful tools–> https://codepen.io/Mike-was-here123/post/check-out-these-sites