» 您尚未登录:请 登录 | 注册 | 标签 | 帮助 | 小黑屋 |


发新话题
打印

Web版的iCloud用了哪些技术实现的?

posted by wap, platform: iPhone
想学学前端,想模仿Web版的iCloud的登录界面。发现实现起来有非常多的难点。
1,实现其毛玻璃效果。Chrome里好像可以直接用CSS实现。而IE、Firefox不支持。
2,毛玻璃后的App图标可以变化,如添加、移动,但这些图标又无法选定,似乎是纯背景。但是你Debug发现它似乎又不是背景是Div里套图片。
3,登陆的后瞬间的变化更是难以实现。App图标变清晰并可以点击。

更奇怪的是所有这些变化的速度不像是浏览器的布局管理器实现的。让人搞不懂这到底是HTML/CSS/JS还是直接控制每一个像素。登录以后的那些App的实现就更难了。

最最最可怕的是它支持各种浏览器…


TOP

posted by wap, platform: iPhone
引用:
原帖由 @ccccloud  于 2016-2-23 19:27 发表
每个浏览器打开后,请按
喷了。



TOP

posted by wap, platform: iPhone
引用:
原帖由 @yinzhili  于 2016-2-23 20:07 发表
LOW主你既然想学前端,那你知不知道有一种叫做SVG的东西?
你的意思是iCloud采用的是SVG技术吗?


TOP

发新话题
     
官方公众号及微博