3D移动translate3d（CSS3）

叁歲伎倆 2023-10-03 13:39 17阅读 0赞

## 3D移动translate3d（CSS3） ##

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>3D移动translate3d
        </title>
        <style>
            div {
        
                width: 200px;
                height: 200px;
                background-color: skyblue;
                /*  transform: translateX(100px) translateY(100px) translateZ(100px); */
                /*  1.translateZ()沿着Z轴移动 */
                /* 2.translateZ() 后面的单位 px */
                /* 3.translateZ(100px) 向外移动100px (向我们的眼睛来移动的) */
                /*  4.3D转换的简写法 */
                /* transform: translate3d(x,y,z);  */
                transform: translate3d(100px, 100px, 100px);
                /* 5.里面的xyz不可以省略 ，如果没有就写0 */
            }
        </style>
    </head>
    
    <body>
        <div>
    
        </div>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 Unity3D 移动和旋转 Translate和Rotate

移动 **按方向移动：** `transform.Translate(Vector3.方向 * Input.GetAxis("标准输入") * 速度 * Time...

悠悠/ 2024年04月17日 05:53/ 0 赞/ 65 阅读

相关 CSS3转换之移位translate（CSS3）

CSS3转换之移位translate（CSS3） <!DOCTYPE html> <html lang="en"> <head>

深藏阁楼爱情的钟/ 2023年10月03日 13:46/ 0 赞/ 36 阅读

相关 3D移动translate3d（CSS3）

3D移动translate3d（CSS3） <!DOCTYPE html> <html lang="en"> <head>

叁歲伎倆/ 2023年10月03日 13:39/ 0 赞/ 18 阅读

相关 CSS3 transform、translate 2D 转换的使用

`transform` 属性用于设置元素的 2D 或 3D 转换；通过这个属性可以对元素进行旋转，缩放，移动，倾斜等操作 2D 转换中的移动是 2D 转换中的一种功能，可用来

刺骨的言语ヽ痛彻心扉/ 2023年08月17日 17:42/ 0 赞/ 112 阅读

相关 css3 translate属性

原理在CSS3中，可以使用translate()方法将元素沿着水平方向（X轴）和垂直方向（Y轴）移动。对于位移translate()方法，我们分为3种情况：

忘是亡心i/ 2022年12月17日 05:55/ 0 赞/ 122 阅读

相关移动3

前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解

心已赠人/ 2022年06月02日 04:23/ 0 赞/ 142 阅读

相关 3d之移动的星空

<!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="te

左手的ㄟ右手/ 2022年05月28日 01:21/ 0 赞/ 165 阅读

相关 3D-3D:ICP

3D-3D:ICP 1. ICP算法 2. SVD方法 3.非线性优化方法 1. ICP算法 2D-2D问题是通过已知的2D图像坐标点对来求解图

素颜马尾好姑娘i/ 2022年03月12日 02:52/ 0 赞/ 343 阅读

相关 Unity3D 示例——人物移动

一个是通过W、A、S、D来移动人物（示例一），另个是按屏幕上的按钮来移动人物（示例二）。很简单，只改了几行代码。下面是“Assets”文件夹里面的资源。 ![waterm

约定不等于承诺〃/ 2021年11月09日 00:30/ 0 赞/ 387 阅读

相关 unity3d——角色移动控制

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

落日映苍穹つ/ 2021年07月25日 21:35/ 0 赞/ 415 阅读