# كيف يتم تحقيق زر الموضوع الجديد هذا؟

**URL:** https://meta.discourse.org/t/how-is-this-new-topic-button-achieved/168767
**Category:** Support
**Created:** [30 أكتوبر 2020، 4:41م UTC](https://meta.discourse.org/t/how-is-this-new-topic-button-achieved/168767 "2020-10-30T16:41:07Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [30 أكتوبر 2020، 4:44م UTC](https://meta.discourse.org/t/how-is-this-new-topic-button-achieved/168767/3 "2020-10-30T16:44:36Z")

</div>

تم طرح هذا السؤال من قبل. لقد قدمت إجابة مفصلة هنا:

> [@Floating "New topic" button](https://meta.discourse.org/t/floating-new-topic-button/103695/4?u=merefield):
>
> I can do better than that … I believe this is the CSS (UPDATED): @mixin buttonShadow { box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); } @mixin buttonTransition { transition: right 0.5s, bottom 0.5s, border-radius 0.5s, text-indent 0.2s, visibility 1s, width 0.2s ease, height 0.5s ease 0.4s, color 0.5s, background-color 2s, transform 0.5s; } //New Topic Fab #create-topic.btn-default { display: flex; align-items: center; justify-content: center; @inc…

قد يكون الكود قد تم تعديله منذ ذلك الحين…

---

_[View the full topic](https://meta.discourse.org/t/how-is-this-new-topic-button-achieved/168767)._