用于网站的Windows 8样式开始屏幕平铺

时间:2016-12-18 20:47:04

标签: javascript jquery html css windows-8

我正在开发一个项目,该项目会在人们打开浏览器窗口或新标签时显示新的浏览器主页。这个页面将有热门网站的图标/图块,并在某些时候有他们自己的定制网站。

我想做的是让瓷砖看起来像Windows 8并且具有翻转和缩放到全屏效果,他们在真正的Windows 8开始屏幕上点击它,它会显示图标页面加载时的网站标题。

我不打算将网站加载到主页,因为它会将网站引导到点击的网站,但在他们访问网站之前,它会在屏幕上显示图标和网站标题。

关于如何实现这一点的任何建议以及一些例子都会很棒。

提前感谢您的时间,我期待您的回复。

1 个答案:

答案 0 :(得分:0)

如果您想拥有全屏特定样式,那么就有一个伪类。 https://developer.mozilla.org/es/docs/Web/CSS/:fullscreen

我认为您的大多数问题都是:选择网格系统或技术来布局这些图块。应使用if [ $num -le $G ]; then G=$(( G - num )) echo "Your new balance is: $G" 属性完成缩放和翻转效果。

查看我发现的内容:http://metroui.org.ua/tiles.html(带 win8 组件的样式指南)

这是令人惊叹的Sara Soueidan的另一个例子:sarasoueidan。 com / demos / windows8-animations(由于我的声誉低点无法粘贴链接

如果您需要JS或者您想要使用跨浏览器兼容性,请查看此lib。这很棒: GSAP

专业提示:这将成为您的朋友:transform