# 디자인 질문: 포럼의 방사형 배경 차원 변경

**URL:** <https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323>\
**Category:** Product Support\
**Created:** [3월 4, 2020, 5:38오후 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323 "2020-03-04T17:38:18Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)\
**Post date:** [3월 4, 2020, 5:38오후 UTC](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323/1 "2020-03-04T17:38:18Z")

</div>

이 게시물에 대한 후속 질문이 있습니다: [Create background gradient overlay on page, making the discussion area white](https://meta.discourse.org/t/create-background-gradient-overlay-on-page-making-the-discussion-area-white/135879)

 ![IMG_3CFC38C5EDA2-1](https://global.discourse-cdn.com/meta/original/3X/a/4/a47dfaf136e03e76ff2486bfa956b58e64e3d247.jpeg)

모바일에서 포럼 하단으로 내려가면 배경이 "추천 주제(Suggested Topics)"와 겹쳐서 가독성이 떨어지는 것을 알 수 있습니다.

페이지 상단은 그대로 유지하면서 y축(세로 방향) 하단으로 갈수록 투명도를 더 높이고 싶습니다. 현재 사용 중인 코드는 다음과 같습니다…

```
body {
 background: radial-gradient(circle at center, rgba(255,255,255,1) 50%, rgba(255,255,255,0)) fixed, url(https://forums.pickleballist.com/uploads/default/original/1X/e7792afe9a5b7fbd26141c3c21e82b70cd495069.svg) center top / 300px auto ;
 background-attachment: fixed;
}

```

위 코드가 커뮤니티에 적용한 배경은 다음과 같습니다:

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/b/9ba89c35f7135c17938aa56a70bfe3542300b106.jpeg)

데스크톱에서는 배경이 추천 주제와 크게 충돌하지 않지만, 모바일 기기에서는 조금 더 무겁게 느껴집니다.

다시 말하지만, y축 하단에서 투명도를 더 높이고 싶습니다. 제 코드에 적용할 수 있는 조정 방법이 있을까요?

---

_[View the full topic](https://meta.discourse.org/t/design-question-change-forum-radial-background-dimensions/143323)._