Indicate button/tile pressed

How do you make a button/tile show like it is being pressed like shown in the video

From the app shown in this post:

Here you go.

<pre><span><style>
.tile-overlay:active
{
opacity: .1;
}
</style></span></pre>
7 Likes

Thanks. Can’t understand why this is not a native feature in glide

2 Likes

Wouldn’t be any fun if we didn’t have to figure it out ourselves. :wink:

2 Likes

So true!! :+1: :joy:

2 Likes

@Jeff_Hager Do you think you could do the same if you are actually using an image. I haven’t had any luck doing that

@Jeff_Hager Did my first adjustment of css in order to change “image clicked”
<pre><span><style> img:active { opacity: .1; } </style></span></pre>

3 Likes

I assume you must be using only images for your buttons? That might be the difference. I am using images as well, but only as a background. I’m using the column text as an overlay, so I’m guessing that’s why the CSS worked differently.

image

I tried out your CSS in my app without the overlay and it worked!