立体图-白红宇

立体图

阅读量：4695 次

发布时间：2019-06-09

本文共 1325 字，大约阅读时间需要 4 分钟。

<!DOCTYPE html>

<html>

</head>

<style>

.cube {

position: absolute;

top: 200px;

left: 200px;

width: 200px;

height: 200px;

-webkit-perspective: 450px;

-webkit-transform-style: preserve-3d;

-webkit-perspective-origin: -100% -50%;

}

.cube>div {

display: block;

position: absolute;

width: 100px;

height: 100px;

line-height: 100px;

font-size: 60px;

color: white;

text-align: center;

}

.id0 {

border: 1px dashed black;

background: transparent;

}

.id1 {

border: none;

background: rgba(0,0,0,0.3);

-webkit-transform: translateZ(50px);

}

.id2 {

background: rgba(0,255,0,1);

-webkit-transform: translateZ(-50px);

}

.id3 {

background: rgba(196,0,0,0.7);

-webkit-transform: rotateY(90deg) translateZ(-50px);

}

.id4 {

background: rgba(0,0,196,0.7);

-webkit-transform: rotateY(-90deg) translateZ(-50px);

}

.id5 {

background: rgba(196,196,0,0.7);

-webkit-transform: rotateY(90deg) translateZ(-50px);

}

.id6 {

background: rgba(196,0,196,0.7);

-webkit-transform: rotateY(-90deg) translateZ(-50px);

}

</style>

<body>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/chengwangjun/p/5031256.html

你可能感兴趣的文章

对于python，一切事物都是对象，对象基于类创建

查看>>

Springboot重构-云笔记(1)

查看>>

java -server 和 -client 的不同，及 java -server 时抛错原因

查看>>

linux socket高性能服务器处理框架

查看>>

处理：Header V3 DSA/SHA1 Signature, key ID 6b8d79e6: NOKEY error: Failed dependencies:

185. Department Top Three Salaries (Hard)

Install guide for OpenLDAP and GOsa 2 on Ubuntu & Debian

查看>>

python初学5

查看>>