0

基于这里的演示 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>
4

1 回答 1

0

我在等人回答。

1 个耗时的选项是将文本放在图像上。图像将具有 1 种颜色的各种色调和色调以提供 3d 效果。使用 z-index 将文本放在图像上方。

另一种选择是直接联系开发人员。我想他可以在 Github 上联系到。也许他会有更好、更简单、更短的方法来获得所需的输出

于 2013-01-05T04:48:27.967 回答