我想让一个div旋转一下,在背面显示一个网格库.

我真的不知道该从何说起.

<ul class="container-fluid text-center row" id="gallery2">
  <li class="col-12 col-sm-4 col-md-12 text-center" ><img src="/vw-front-painted.jpg" class="img-fluid rounded" width="200" height="200" id="vw"><img src="/bmw-side-paint-out.jpg" class="img-fluid rounded"width="200" height="200"><img src="/scort-front-paint-out.jpg" class="img-fluid rounded" width="200" height="200"></li>
  <li class="col-12 col-sm-4 col-md-12 text-center"><img src="/jag-paint-out.jpg" class="img-fluid rounded" width="200" height="200"><img src="/scoob-finish-front-out.jpg" class="img-fluid rounded" width="200" height="200"><img src="/vw-t4-rear-painted.jpg" class="img-fluid rounded" width="200" height="200"></li>
</ul>

这是我拥有的超文本标记语言. 我希望每个图像扩大和旋转点击,以显示一个网格 gallery 在原来的IMG的后面. 我还没有开始使用任何Java脚本,它是用Bootstrap构建的,但我确实有不适用于这一节的CSS.

推荐答案

请try 以下操作

<style>
  .rotate-me { transform: rotate(90deg) }
</style>

此外,我不确定它是否会旋转div,也许会,但它应该会旋转图像.我的css/html可以用"足够"来形容.

我从这个页面改编了这个:code-boxx

Javascript相关问答推荐

Snowflake JavaScript存储过程返回成功,尽管预期失败

D3 Scale在v6中工作,但在v7中不工作

TypeScript索引签名模板限制

当运行d3示例代码时,没有显示任何内容

函数返回与输入对象具有相同键的对象

jQuery s data()[storage object]在vanilla JavaScript中?'

如何从网站www.example.com获取表与Cheerio谷歌应用程序脚本

ChartJs未呈现

如何利用CSS中的隐藏元素实现平滑扩展和防止网格行间隙

使用Ace编辑器对子组件实例的native-element 进行Angular 获取时面临的问题

将范围 Select 器添加到HighChart面积图

如何根据查询结果重新排列日期

我不知道如何纠正这一点.

我怎样才能点击一个元素,并获得一个与 puppeteer 师导航页面的URL?

如何在Web项目中同步语音合成和文本 colored颜色 更改

输入数据覆盖JSON文件

检测带有委托的元素内部的点击,以及元素何时按其类名被选中

JAVASCRIPT|导入模块中断FOR循环

扩展更新所有输入的CSSprops 的函数

我遇到了Phaser 3碰撞的问题