Yes, there have been instances where Webflow users have experienced issues with custom animations not displaying correctly on a webpage, leading to elements having an opacity of 0. It's important to note that bugs and issues can occur in any software, including Webflow.
There are a few potential reasons why this issue may occur:
1. Animation Conflict: In some cases, conflicting animations or interactions within the same element or structure can cause unexpected behavior. If you have multiple animations targeting the same element or conflicting interactions, it can lead to opacity issues.
To troubleshoot this, review your animations and interactions to ensure they are not conflicting with each other. You can check element level interactions, as well as interactions triggered by scroll or mouse hover, as they might interfere with custom animations.
2. Interaction Settings: Another possible cause could be incorrect interaction settings. Check if you have unintentionally set an opacity value of 0 at a higher level in the animation timeline, which might be overriding the desired opacity setting. Make sure to review and adjust the opacity keyframes in your animation timeline.
3. Animation Trigger: Verify that the animation trigger you set up matches your intended action. For example, if you intend to trigger an animation when a button is clicked, ensure that the interaction is correctly associated with that specific button or trigger element.
4. Browser Compatibility: Different browsers may interpret CSS animations differently, which can sometimes lead to unexpected behavior. It is always a good practice to test your animations across different browsers and devices to ensure consistent results. Make sure that you are using the latest version of the browser you encounter the issue in, as browser updates can often fix rendering issues.
If you are still experiencing issues after checking these factors, I would recommend reaching out to Webflow support for further assistance. They have excellent resources and a dedicated team that can help troubleshoot and resolve any specific bugs or issues you may be facing.