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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

CSS3 Animations with special effects

89 点作者 Spiritus将近 12 年前
Repository: https://github.com/miniMAC/magic

11 条评论

joeblau将近 12 年前
What freaked me out about this site is that I have the OSX Mavericks wave as my background and the gradient transition on the site is the exact same color scheme[1].<p>[1] - <a href="http:&#x2F;&#x2F;i.imgur.com&#x2F;QCyUUVd.jpg" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;QCyUUVd.jpg</a>
评论 #5881736 未加载
bbx将近 12 年前
I&#x27;ve written CSS for years and only recently started implementing some animations in my designs. I was worried at first when browsers started implementing it, fearing useless and insipid animations would sprawl around the web (like some jQuery ones). But like anything, if used sparingly, animations can improve an interface. Apart from adding life and being &quot;cool&quot; (probably the reason why designers implement them in the first place), animations add interactivity and affordance. Plus, they&#x27;re less prone to bugs because the code is easier to read and write than jQuery alternatives, and the browsers&#x27; rendering engine usually prevents unwanted fluttering and infinite loops from happening.
morganwilde将近 12 年前
Awesome stuff, the fluidness of those animations versus something made with jQuery is astonishing. I wonder what kind of compatibility would this have with older browsers?
评论 #5879456 未加载
cuu508将近 12 年前
More like this: Animate.css <a href="http:&#x2F;&#x2F;daneden.me&#x2F;animate&#x2F;" rel="nofollow">http:&#x2F;&#x2F;daneden.me&#x2F;animate&#x2F;</a>
评论 #5879482 未加载
Spiritus将近 12 年前
Repository: <a href="https:&#x2F;&#x2F;github.com&#x2F;miniMAC&#x2F;magic" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;miniMAC&#x2F;magic</a>
mrcoles将近 12 年前
Pretty fun—the perspective down animation inspired me to make css3 animated jacobs ladder: <a href="http:&#x2F;&#x2F;mrcoles.com&#x2F;demo&#x2F;jacobs-css3-ladder&#x2F;" rel="nofollow">http:&#x2F;&#x2F;mrcoles.com&#x2F;demo&#x2F;jacobs-css3-ladder&#x2F;</a>
评论 #5880052 未加载
ender7将近 12 年前
The key to many of these effects is to animate both the transform and the position of the transform-origin simultaneously. Done correctly, it can give the animation a sinuous behavior that makes it much more interesting to look at.
zhenjl将近 12 年前
This is cool. Anyone know what type of license this has? I can&#x27;t find it on github or the site.
CountHackulus将近 12 年前
And yet the CSS animation performance bug persists in iOS7.
ger_phpmagazin将近 12 年前
While technically interesting, I find those animations highly annoying as they are.
acoleman616将近 12 年前
iOS7-inspired background?