TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Animation using SVG on GitHub Readme More details in comments

2 点作者 __app_dev__大约 5 年前

1 comment

__app_dev__大约 5 年前
It works by embedding a &lt;style&gt; attribute with CSS animations within the SVG.<p>The same animation exists on the main site however it’s embedded in the page for wider browser support.<p>For the GitHub readme I combined the two SVG images and made some adjustments to use [transform-origin] instead of [margin].<p>It works with most modern browsers but not with IE, while the main site has broader browser support because everything is embedded on the page rather than in the SVG. Additionally the animation works better on a desktop than on my phone (iPhone with latest iOS).