小编Sam*_*ona的帖子

css3转换为模拟当前的开口

这是我的代码:http: //codepen.io/anon/pen/KVPJwB

/* Open Cube */
div#gift{
    margin-top: 0;
}
#origin {
    -webkit-perspective: 2500px;
    -webkit-perspective-origin: 50% 250px;
    perspective: 2500px;
    perspective-origin: 50% 250px;
    margin: 200px auto;
    width: 100%;
    float: left;
}
#origin #Ycube, #origin #Zcube {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#origin #cube {
    position: relative;
    margin: 0 auto;
    height: 613px;
    width: 604px;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100px 0;
    transform-style: preserve-3d;
    transform-origin: 0 0 0;
}
#cube .one {
    -webkit-transform: rotateX(90deg) translateZ(200px);
    transform: rotateX(90deg) translateZ(200px);
}
#origin .face { …
Run Code Online (Sandbox Code Playgroud)

css css3 css-transitions

5
推荐指数
1
解决办法
623
查看次数

标签 统计

css ×1

css-transitions ×1

css3 ×1