Jquery 如何在一行上获得3d瓷砖并在悬停时获得缩放效果？

我正在尝试获得一排3d瓷砖，我想放大悬停，它应该是响应。我正在尝试获得下面的外观和感觉

我正在使用Bootstrap3和Wordpress。请指导我如何才能做到这一点

当然，我将RWD支持留给您；）

.container{
边框：1px纯红；
}
保险商实验室{
保证金：30像素自动；
}
ulli{
垂直对齐：中间对齐；
利润率：0-27px；
位置：相对位置；
}
ulli：悬停{
z指数：5；
}
ulliimg{
位置：相对位置；
显示：块；
宽度：100%；
高度：自动；
过渡：所有400ms缓解；
光标：指针；
}
ul li img：悬停{
最大宽度：193px！重要；
盒影：5px 5px 25px#000；
}
第N名儿童（1）img{
最大宽度：153px；
z指数：1；
}
第N名儿童（2）img{
最大宽度：173像素；
z指数：2；
}
第n名儿童（3）img{
最大宽度：193px；
z指数：3；
}
第n名儿童（4）img{
最大宽度：173像素；
z指数：2；
}
第n名儿童（5）img{
最大宽度：153px；
z指数：1；
}

请向我们展示您的代码和您的尝试。非常抱歉@CarstenLøvboAndersen，我是StackOverflow的新手。。所以不包括代码。。我将在稍后更新moment@CarstenLøvboAndersen，我已经用我的code@CarstenLøvboAndersen，你能建议我如何获得所需的知识吗。它能在所有屏幕上响应吗？正如我写的RWD一样，我把它留给你；）。添加rwd支持并以不同分辨率隐藏单个第n个子项。请按照您提供的示例进行操作，该示例非常清晰。