posite.css 3.6 KB
/* 类型 */

.axis {
    position: absolute;
}

.x_type {
    font-weight: bold;
    font-size: 20px;
    color: #47d1a0;
    margin-bottom: 10px;
}

.type_tips {
    font-size: 14px;
    color: #8c9198;
}


/* x正轴 */

.xPlus {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* x负轴 */

.xMinus {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* y正轴 */

.yPlus {
    left: 50%;
    transform: translateX(-50%);
    top: 45px;
}


/* y负轴 */

.yMinus {
    left: 50%;
    transform: translateX(-50%);
    bottom: 45px;
}


/* 位置 */

.coordinate_circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 4px solid #47d1a0;
    box-shadow: 0px 2px 8px rgba(0, 199, 128, 0.41);
    position: absolute;
    top: 50%;
    left: 50%;
}


/* 左上 */


/* x轴均衡 y轴均衡 */

.left_up {
    left: 44%;
    top: 43%;
}


/* x轴均衡  y轴中度*/

.left_mid {
    left: 44%;
    top: 33%;
}


/* x轴均衡  y轴强度 */

.left_top {
    left: 44%;
    top: 20%;
}


/* x轴中度 y轴均衡 */

.center_balance {
    left: 34%;
    top: 43%;
}


/* x轴中度 y轴中度 */

.center_mid {
    left: 34%;
    top: 33%;
}


/* x轴中度 y轴强度 */

.center_top {
    left: 34%;
    top: 20%;
}


/* x轴强度 y轴均衡 */

.left_top_balance {
    left: 22%;
    top: 43%;
}


/* x轴强度 y轴中度 */

.left_top_mid {
    left: 22%;
    top: 33%;
}


/* x轴强度 y轴强度 */

.left_top_top {
    left: 22%;
    top: 20%;
}


/* 右上 */


/* x轴均衡 y轴均衡 */

.right_up {
    left: 53%;
    top: 43%;
}


/* x轴均衡 y轴中度 */

.right_center {
    left: 53%;
    top: 33%;
}


/* x轴均衡 y轴强度 */

.right_top {
    left: 53%;
    top: 20%;
}


/* x轴中度 y轴均衡 */

.right_c_up {
    left: 63%;
    top: 43%;
}


/* x轴中度 y轴中度 */

.right_c_center {
    left: 63%;
    top: 33%;
}


/* x轴中度 y轴强度 */

.right_c_top {
    left: 63%;
    top: 20%;
}


/* x轴强度 y轴均衡 */

.right_t_up {
    left: 74%;
    top: 43%;
}


/* x轴强度 y轴中度 */

.right_t_center {
    left: 74%;
    top: 33%;
}


/* x轴强度 y轴强度 */

.right_t_top {
    left: 74%;
    top: 20%;
}


/* 左下 */


/* x轴均衡 y轴均衡 */

.left_down {
    left: 43%;
    top: 53%;
}


/* x轴均衡 y轴中度 */

.left_d_center {
    left: 43%;
    top: 65%;
}


/* x轴均衡 y轴强度 */

.left_d_top {
    left: 43%;
    top: 77%;
}


/* x轴中度 y轴均衡 */

.left_d_c_up {
    left: 34%;
    top: 53%;
}


/* x轴中度 y轴中度 */

.left_d_c_center {
    left: 34%;
    top: 65%;
}


/* x轴中度 y轴强度 */

.left_d_c_top {
    left: 34%;
    top: 77%;
}


/* x轴强度 y轴均衡 */

.left_d_t_up {
    left: 22%;
    top: 53%;
}


/* x轴强度 y轴中度 */

.left_d_t_center {
    left: 22%;
    top: 65%;
}


/* x轴强度 y轴强度 */

.left_d_t_top {
    left: 22%;
    top: 77%;
}


/* 右下 */


/* x轴均衡 y轴均衡 */

.right_down {
    left: 54%;
    top: 54%;
}


/* x轴均衡 y轴中度 */

.right_d_center {
    left: 54%;
    top: 65%;
}


/* x轴均衡 y轴强度 */

.right_d_top {
    left: 54%;
    top: 77%;
}


/* x轴中度 y轴均衡 */

.right_d_c_up {
    left: 64%;
    top: 54%;
}


/* x轴中度 y轴中度 */

.right_d_c_center {
    left: 64%;
    top: 65%;
}


/* x轴中度 y轴强度 */

.right_d_c_top {
    left: 64%;
    top: 77%;
}


/* x轴强度 y轴均衡 */

.right_d_t_up {
    left: 75%;
    top: 53%;
}


/* x轴强度 y轴中度 */

.right_d_t_center {
    left: 75%;
    top: 65%;
}


/* x轴强度 y轴强度 */

.right_d_t_top {
    left: 75%;
    top: 77%;
}