使用 Impress js 的立方体 css3答案

【问题标题】：Cube css3 using Impress js使用 Impress js 的立方体 css3
【发布时间】：2012-12-30 18:23:07
【问题描述】：

基于此处的演示 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>

【问题讨论】：

标签： css impress.js

【解决方案1】：

我在等人回答。

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

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

【讨论】：