Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

我想实现lobechat的加载的文字描边的效果,但是没找到具体的实现在哪里 #5587

Closed
blackchicken20 opened this issue Jan 25, 2025 · 6 comments
Labels
💄 Design Design an style | 样式问题

Comments

@blackchicken20
Copy link

Image Image

请问实现这个动效的代码,在哪个位置?万分感谢。

@lobehubbot
Copy link
Member

👀 @blackchicken20

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事,并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

Copy link

dosubot bot commented Jan 25, 2025

@blackchicken20 你好!我是Dosu,一个可以帮助你解决bug、回答问题并成为贡献者的机器人。我会在这里帮助你,等待人类维护者。

在 LobeChat 代码库中,处理文字动画效果的组件包括 src/features/Conversation/Messages/Assistant/Reasoning/index.tsx 文件中的 shinyText CSS 类。这个类为文字应用了线性渐变背景,并使用了名为 shine 的关键帧动画。此外,src/utils/fetch/fetchSSE.ts 文件中定义了用于创建平滑文字动画的函数,如 createSmoothMessagecreateSmoothToolCalls,这些函数通过 requestAnimationFrame 实现文字和工具调用更新的平滑动画效果[1][2]

To continue talking to Dosu, mention @dosu.


Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other

@dosubot dosubot bot added the 💄 Design Design an style | 样式问题 label Jan 25, 2025
@blackchicken20
Copy link
Author

blackchicken20 commented Jan 25, 2025

@blackchicken20 你好!我是Dosu,一个可以帮助你解决bug、回答问题并成为贡献者的机器人。我会在这里帮助你,等待人类维护者。

在 LobeChat 代码库中,处理文字动画效果的组件包括 src/features/Conversation/Messages/Assistant/Reasoning/index.tsx 文件中的 shinyText CSS 类。这个类为文字应用了线性渐变背景,并使用了名为 shine 的关键帧动画。此外,src/utils/fetch/fetchSSE.ts 文件中定义了用于创建平滑文字动画的函数,如 createSmoothMessagecreateSmoothToolCalls,这些函数通过 requestAnimationFrame 实现文字和工具调用更新的平滑动画效果[1][2]

To continue talking to Dosu, mention @dosu.

Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other

我想实现的是logo的文字描边动效,你确定代码在这里吗? @dosu

@blackchicken20
Copy link
Author

@lobehubbot
Copy link
Member

@blackchicken20

This issue is closed, If you have any questions, you can comment and reply.
此问题已经关闭。如果您有任何问题,可以留言并回复。

Copy link

dosubot bot commented Jan 25, 2025

在 LobeChat 代码库中,关于 logo 的文字描边效果并没有明确的实现细节或动画处理。src/components/Branding/ProductLogo/Custom.tsx 文件中定义了 CustomTextLogo 组件,该组件允许通过 style 属性自定义外观,但没有具体的动画或描边效果[1]

如果你想实现文字描边动效,可能需要在 CustomTextLogo 组件中添加 CSS 样式或动画。例如,可以使用 CSS 的 text-shadow 属性来实现描边效果,或者通过关键帧动画实现动态效果。你可以在 style 属性中添加这些自定义样式。

To continue talking to Dosu, mention @dosu.


Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💄 Design Design an style | 样式问题
Projects
None yet
Development

No branches or pull requests

2 participants