# A couple questions for my Random Quote Generator project

**URL:** <https://forum.freecodecamp.org/t/a-couple-questions-for-my-random-quote-generator-project/274905>\
**Category:** I Built This\
**Created:** [May 2, 2019, 9:18am UTC](https://forum.freecodecamp.org/t/a-couple-questions-for-my-random-quote-generator-project/274905 "2019-05-02T09:18:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![FuriousJK](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/furiousjk/32/105614_2.png) [@FuriousJK](https://forum.freecodecamp.org/u/FuriousJK)\
**Post date:** [May 2, 2019, 9:18am UTC](https://forum.freecodecamp.org/t/a-couple-questions-for-my-random-quote-generator-project/274905/1 "2019-05-02T09:18:29Z")

</div>

[https://codepen.io/FuriousJK/full/YMoNgZ](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!

---

<div class="post-metadata">

**Author:** ![michaelnicol](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelnicol/32/224831_2.png) [@michaelnicol](https://forum.freecodecamp.org/u/michaelnicol)\
**Post date:** [May 2, 2019, 1:20pm UTC](https://forum.freecodecamp.org/t/a-couple-questions-for-my-random-quote-generator-project/274905/2 "2019-05-02T13:20:57Z")

</div>

Here is what I suggest:

1. Use [CSS Gradients](https://www.w3schools.com/css/css3_gradients.asp) to make a fade. You can also use [CSS Box Shadow](https://www.w3schools.com/cssref/css3_pr_box-shadow.asp) 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](https://codepen.io/Mike-was-here123/post/check-out-these-sites)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 6, 2021, 1:37pm UTC](https://forum.freecodecamp.org/t/a-couple-questions-for-my-random-quote-generator-project/274905/3 "2021-02-06T13:37:37Z")

</div>