CSS3 第二个 3D 视角

标签 css 3d perspective

大家好,我有一张这样的 map http://sinanisler.com/demo/map/

正如你所看到的,有一些树,但不是真正的视角,我想要这个 http://sinanisler.com/demo/musteri/uploads/res.png 问题很清楚我怎样才能做这样的树。

最佳答案

1) 将此样式应用于主 div 容器以保留子项的 3D 绘图:

[-webkit-/-moz-/...]transform-style: preserve-3d;

2)对树木应用旋转:

[-webkit-/-moz-/...]transform: rotate3d(1, 0, 0,-90deg);

3)为树木使用透明背景图像

关于CSS3 第二个 3D 视角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10539387/

相关文章:

javascript - 显示一些元素用户滚动

python - 将透视图转换为顶 View

javascript - 没有 .animate() jQuery 的最简洁的动画方法是什么?

javascript - 在输入字段中插入下拉列表

html - CSS nth-child创建奇偶序列

java - LibGDX 3D 相机实现

opencv - 给定第一个相机姿势,校准立体装备的第二个相机的姿势估计

c++ - 如何在 OpenGL 中高效地显示数千个具有动态颜色的相同网格?

javascript - 将 Threejs 透视相机转换为正交相机需要什么

CSS 透视图在 Internet Explorer 10 或 Firefox 中不起作用