【问题标题】:images in a grid that shimmy抖动的网格中的图像
【发布时间】:2018-01-30 18:55:35
【问题描述】:

嗨,伙计们,不知道你们会如何称呼流行、摆动或突出显示的图像。在这个网站follow your feet website 上,他们有一个目的地的网格部分,当您将鼠标悬停在一个目的地上时,它会弹出比其他目的地更大。

知道他们为此使用了什么 CSS 代码

【问题讨论】:

  • 右键单击一个元素并选择“检查”以检查代码并查看其中使用了哪些 css。
  • 欢迎来到 Stack Overflow!要求我们建议、查找或推荐书籍、工具、软件库、插件、教程、解释技术或提供任何其他非现场资源的问题对于 Stack Overflow 来说是题外话

标签: css gridview


【解决方案1】:

所以你想要这样的东西?

jsFiddle demo

在这种情况下,请将以下代码添加到 CSS 中的 img 标记中。

.myimage {
     -moz-transition:all 0.3s;
     -webkit-transition:all 0.3s;
      transition:all 0.3s
 }

 .myimage:hover {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.5)
 }

【讨论】:

    猜你喜欢
    • 2019-05-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-17
    相关资源
    最近更新 更多