Google+游戏按钮

Question

我不知道如何开始这个问题，但我被一个朋友介绍给Stack Overflow，他基本上告诉我任何我需要帮助或帮助别人的东西，我应该来这里。所以我对网站设计师和编码人员都有一个问题。 （可选：有一个谷歌+帐户的视觉辅助）

如果你进入Google+，你有所有这些酷似功能先进的代码，但非常基本的风格。你将鼠标悬停在一个按钮上，它就像游戏部分一样变成动画。你可以在div容器中看到游戏的图像，我相信它会像它的gif或定时序列一样循环播放。在图像的底部，您会看到一个从左到右的小方块，用不同的颜色填充，并且上面有游戏的名称。当你将鼠标悬停在游戏上时，一个盒子开始从div的底部移动到div的顶部，完全遮住了图像，但是它有更多的细节。这些细节包括游戏的描述和底部的一个按钮，这是一个暗淡的蓝色，表示玩游戏，当你将鼠标悬停在它上面时，它会变成淡蓝色。

基本上我想创建相同的东西，但具有不同的属性。同样的概念最初与图片和名称带有白色边框的框一样，但是当您将鼠标悬停在其上时，背景将如深红色，白色文字和深红色按钮，并带有白色边框与单词视图网站当你盘旋在它上面时，它就像一个浅红色。

我正在为我的网站设计和Photoshop工作制作投资组合网站。我认为这将是一个很好的补充，我希望有人或任何人都可以帮助我。如果我实际上没有自己创造一些东西的话，我总是会在我的页面上留下信誉。

谢谢你的时间阅读这个荒谬的长问题，但我希望它是比较合理的。

Answer 1

你的问题是有道理的，你完全可以做到这一点，我个人建议学习HTML CSS &和创建工作演示 - 再雇人/找人，以帮助建立你希望它具备的功能。这样你就可以完全控制外观，我认为你对编码功能更感兴趣（你提到展示你的设计作品）。

http://learn.shayhowe.com/html-css/terminology-syntax-intro/

是一个很好的资源我今天看到的，可以帮助你上手。在未来，我认为堆栈溢出对于与特定问题相关的特定问题更具感染力，而不是像编写和设计整个Web应用程序那么广泛。

祝你好运！