# How can i make a visual element appear to be floating?

**URL:** https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564
**Category:** Questions about Thunkable X
**Tags:** design, beginner
**Created:** [May 5, 2022, 3:39pm UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564 "2022-05-05T15:39:34Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![r0han](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/r0han/32/130614_2.png) [@r0han](https://community.thunkable.com/u/r0han)
#### Post date: [May 5, 2022, 3:39pm UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564/1 "2022-05-05T15:39:34Z")

</div>

Hi All,  
I am new to thunkable, i was curious anyone can help me with adding an elevation.  
I want to elevate my profile card , i think i need to play around with elevation and shadows , please share if you can help me with configuration it would be much appreciated, Thanks in advance.

 ![SWL](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cdb5b8237dcaefc42b93085e37bc9e41510110e6.jpeg)

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [May 5, 2022, 7:29pm UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564/2 "2022-05-05T19:29:45Z")

</div>

When you say “elevate”, are you wanting it to look as though a graphic element is above another or are you referring to something else?

Something like this? [How to Create an Overlap effect in Thunkable](https://community.thunkable.com/t/how-to-create-an-overlap-effect-in-thunkable/106202)

The screenshot you posted doesn’t really give me an idea of what you’re wanting to do.

---

<div class="post-metadata">

### Author: ![r0han](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/r0han/32/130614_2.png) [@r0han](https://community.thunkable.com/u/r0han)
#### Post date: [May 9, 2022, 2:29pm UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564/3 "2022-05-09T14:29:23Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/6/d632fdf89a543458544828e7345cff15b508e457.png)

I used the above mentioned link and somehow managed to get this. How does it looks ??

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [May 9, 2022, 2:44pm UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564/4 "2022-05-09T14:44:30Z")

</div>

It looks like the first image you posted.

---

<div class="post-metadata">

### Author: ![r0han](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/r0han/32/130614_2.png) [@r0han](https://community.thunkable.com/u/r0han)
#### Post date: [May 10, 2022, 9:09am UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564/5 "2022-05-10T09:09:15Z")

</div>

Border will not appear, because of black background. Floating effect will not be visible with black background. If you see the corners it appears to be elevated.

---

<div class="post-metadata">

### Author: ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [May 10, 2022, 2:04pm UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564/6 "2022-05-10T14:04:42Z")

</div>

Which element are you referring to? You posted a screenshot with about a dozen elements and I don’t know which part you want raised.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [August 8, 2022, 2:05pm UTC](https://community.thunkable.com/t/how-can-i-make-a-visual-element-appear-to-be-floating/1863564/7 "2022-08-08T14:05:23Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
