Würfel 20 Seiten

Ein Würfel von 1 - 6 kennt jeder. Hie ist einer mit 20 Seiten

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <style>
.cube-container {
  width: 190px;
  height: 190px;
  position: relative;
  margin: 100px auto;
  -webkit-perspective: 1000;
      perspective: 1000;
}
  #cube {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    -webkit-transform:  translateZ( -60px ) rotateY( 0deg ) rotateX( 0deg ) rotateZ( 0deg );
        transform:  translateZ( -60px ) rotateY( 0deg ) rotateX( 0deg ) rotateZ( 0deg );
    -webkit-transition: -webkit-transform 1s ease-in-out;
        transition: transform 1s ease-in-out;
  }
    #cube figure {
      width: 189px;
      height: 188px;
      display: block;
      position: absolute;
      background: url('image/blue.png') top center no-repeat;
      font-size:70px;
      line-height: 190px;
      font-family: sans-serif;
      text-align: center;
      text-shadow: #000 -1px -1px 0, #fff 1px 1px 0;
      color: #f1f1f1;
      -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX