# Dashboard 3D Button Style

**URL:** <https://discourse.nodered.org/t/dashboard-3d-button-style/60750>\
**Category:** Dashboard\
**Created:** [4 April 2022 04:47 UTC](https://discourse.nodered.org/t/dashboard-3d-button-style/60750 "2022-04-04T04:47:45Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [4 April 2022 10:13 UTC](https://discourse.nodered.org/t/dashboard-3d-button-style/60750/3 "2022-04-04T10:13:06Z")

</div>

Here is a simple example using CSS to enhance the appearance of dashboard buttons. (Click the button to visit it.)  
This example predates the custom class feature which Steve mentions.  
[![Untitled 3](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/9/79f592f025015c3011219dd73214dfa1a8f154bd.jpeg)](https://discourse.nodered.org/t/pretty-dashboard-buttons-with-reset-and-timeout/45403)

You can get a good 3D impression using box-shadow. Lots and lots of examples of that [here](https://discourse.nodered.org/t/first-september-give-away-lets-create-one-gauge/50507/66)

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-3d-button-style/60750)._
