Add a transition duration to show/hiding of components

I wanted to add some delays when showing or hiding components, and tried this snippet:

.retool-widget-<component_id>,
._hPGyJ,
 ._qiZr9 {
  transition: opacity 2s ease-in !important;
  transition-duration: 2s;
}

I added in some options just to see if something works, but it does not like anything is working. Someone has tried this before?

I think Custom CSS doesnt support transitions or animations

Hi there,

Happy to help out here and sadly this isn't possible in Retool at the moment.

That said, we are working on creating more options for design customization so hopefully you will have this option in the near future!

Best,
Evan