小编eng*_*hav的帖子

Rounded edges of 3d cube

I have created a 3D cube. I want the edges of the cube to be smooth and curved - not sharp.

.wrap {
    perspective: 800px;
    perspective-origin: 50% 100px;
}

.cube {
    position: relative;
    width: 200px;
    transform-style: preserve-3d;
}

.cube div {
    position: absolute;
    width: 200px;
    height: 200px;
    background: #aaa;
}

.back {
    transform: translateZ(-100px) rotateY(180deg);
}

.right {
    transform: rotateY(-270deg) translateX(100px);
    transform-origin: top right;
}

.left {
    transform: rotateY(270deg) translateX(-100px);
    transform-origin: center left;
}

.top {
    transform: rotateX(-90deg) translateY(-100px);
    transform-origin: …
Run Code Online (Sandbox Code Playgroud)

css

2
推荐指数
1
解决办法
2313
查看次数

标签 统计

css ×1