# Tilted slider

**URL:** <https://discourse.julialang.org/t/tilted-slider/63600>\
**Category:** Pluto\
**Created:** [June 26, 2021, 9:52am UTC](https://discourse.julialang.org/t/tilted-slider/63600 "2021-06-26T09:52:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![heliosdrm](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/heliosdrm/32/3851_2.png) [@heliosdrm](https://discourse.julialang.org/u/heliosdrm)\
**Post date:** [June 26, 2021, 9:52am UTC](https://discourse.julialang.org/t/tilted-slider/63600/1 "2021-06-26T09:52:05Z")

</div>

I have seen funny layouts in Pluto, with tilted scroll bars etc. So I wonder if it would be possible to make a Pluto notebook with a range slider that is not vertical or horizontal, but tilted 45 degrees next to a plot. My purpose is to simulate a [spacetime globe](https://www.desmos.com/calculator/pc7azsxteh?lang=es), which might be manipulated with a slider next to its diagonal border, as in its [real-life version](https://www.youtube.com/watch?v=Rh0pYtQG5wI).

---

<div class="post-metadata">

**Author:** ![feanor12](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/feanor12/32/8212_2.png) [@feanor12](https://discourse.julialang.org/u/feanor12)\
**Post date:** [June 26, 2021, 8:20pm UTC](https://discourse.julialang.org/t/tilted-slider/63600/2 "2021-06-26T20:20:25Z")

</div>

You could rotate the slider via a CSS transform.  
Pluto uses html so I don’t think that it is impossible.

---

<div class="post-metadata">

**Author:** ![heliosdrm](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/heliosdrm/32/3851_2.png) [@heliosdrm](https://discourse.julialang.org/u/heliosdrm)\
**Post date:** [June 27, 2021, 6:48am UTC](https://discourse.julialang.org/t/tilted-slider/63600/3 "2021-06-27T06:48:31Z")

</div>

That’s right, thank you!