Skip to content

Fix Text3D Compatibility for Firefox#3

Draft
curtisahuang wants to merge 2 commits intomainfrom
cosine/fix/text3d-firefox-eloyic
Draft

Fix Text3D Compatibility for Firefox#3
curtisahuang wants to merge 2 commits intomainfrom
cosine/fix/text3d-firefox-eloyic

Conversation

@curtisahuang
Copy link
Owner

This pull request addresses the issue of Text3D not rendering correctly in Firefox. Key changes include:

  • Added necessary CSS properties to ensure 3D transformations work across browsers, including -webkit-transform-style and -moz-backface-visibility.
  • Updated the transform property in SideSlogan.tsx to use perspective directly on the element, which improves compatibility.
  • Implemented a server-side rendering safe method for initializing the perspective based on the window width, providing a fallback value.

These modifications ensure that the Text3D component is functional and visually consistent in Firefox, enhancing cross-browser support.


This pull request was co-created with Cosine Genie

Original Task: personal/px736toldki8
Author: Curtis Huang

@vercel
Copy link

vercel bot commented Aug 5, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
personal ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 5, 2025 10:48am

…e in Firefox

Co-authored-by: Genie <genie@cosine.sh>
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transition: transform 0.4s;
-moz-backface-visibility: hidden;
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💩

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • help
  • another

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant