根据此处的演示
https://github.com/bartaz/impress.js
我曾尝试从多维数据集的正面移动到顶部,但无法旋转到其他面。
目的是在一个立方体的所有六个侧面上都具有一定的内容,并且在按下空格键时我应该能够切换到每个面
我的适用于两个人的html代码如下
<!doctype html>
<html lang="en">
<head>
<link type ="text/css" href="css/customstyle.css" rel="stylesheet" />
</head>
<body>
<div id="impress">
<div id="step-1" class="step slide" data-x="200" data-y="200">
<p>
<span class="text1">A</span>
<span class="text2">B</span>
<span class="text3">C</span>
</p>
</div>
<div id="step-2" class="step slide" data-x="100" data-y="145" data-z="-1000" data-rotate-x="180" data-scale="1" >
<p>
Face 2 :) </p> </div>
最佳答案
我在等别人回答。
一种艰难的耗时选择是将文本放置在图像上。图像将具有各种阴影和一种颜色的色调以提供3d效果。使用z-index将文本放置在图像上方。
另一种选择是直接与开发人员联系。我想他可以在Github上联系到他。也许他会以更好,更简单,更短的方式解决所需的问题
关于css - 使用Impress JS的多维数据集CSS3,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14093326/