根据此处的演示
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/

10-12 12:40