Jump to content
Search Community

Search the Community

Showing results for tags 'ios8. safari'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 2 results

  1. I've created a reveal animation using an SVG mask to reveal the content of the page. The animation works perfectly on Chrome and other browsers. However, on iPhone iOS 16 and macOS Safari, the SVG is not revealing the content as expected. The CodePen link to my project has been added above Issue Description: The reveal animation functions correctly on Chrome and other browsers. On iOS 16 (iPhone) and macOS Safari, the SVG mask does not reveal the content. I've ensured the SVG and GSAP animations are correctly implemented. The problem only persists on Safari browsers, specifically on iPhone iOS 16 and macOS. I've tested on different devices and the issue seems consistent on Safari. Questions: Is there a known issue with SVG masks and animations on Safari, especially on iOS 16 and macOS? Are there any workarounds or fixes that can ensure the reveal animation works on Safari as well? Is there a more compatible way to implement this SVG mask reveal animation that ensures cross-browser functionality? Any help or suggestions would be greatly appreciated! Thank you in advance for your assistance. I've ensured the SVG and GSAP animations are correctly implemented. The problem only persists on Safari browsers, specifically on iPhone iOS 16 and macOS. I've tested on different devices and the issue seems consistent on Safari. Here is a video link for the demo on IOS: imgur.com/MssoPXF
  2. I have a simple 3d rotation to begin a proof of concept. It's working everywhere except iOS8.1 Safari. Of course, the PEN i attached works in the browser.... but on the page itself, the star flashes and disappears. Pen: http://codepen.io/dreigenannt/pen/QwWOvP Page: http://staging-u01.fahlgrendigital.com/greensock/ The pen and page are using the same version of jQuery GSAP files are loaded from CDN, so they are the latest version I installed the webkit and z-index fixes that I read in other forum posts The code in the pen is identical to the code in the page, except for other commented-out stars in the page (The page did the same thing when all stars were activated; I disabled them to simplify the code for troubleshooting) I've tried rotating the wrapper container rather than the star container; it was no different The page is working in other iOS browsers, in desktop Safari, and in Android browsers Am I missing something completely obvious?
×
×
  • Create New...