The post announces that the transition feature is now available in the UI Panel, and the community members discuss how to use it to change the opacity of an image on hover. One community member suggests that transitions should be defined without state to work consistently, and provides a link to the Mozilla Developer documentation. Another community member shares a project link to demonstrate the issue, and the discussion focuses on how to properly implement the transition effect using separate elements for the images.
This means the transition is supported only while cursor hovers instance. When not hovers browser just switches styles. So you need to define transition without state to make it always work.