前端-demo（旋转立方体）

最新推荐文章于 2023-12-02 06:15:00 发布

Super--rookie

最新推荐文章于 2023-12-02 06:15:00 发布

阅读量755

点赞数

分类专栏：前端文章标签：前端小白

本文链接：https://blog.csdn.net/qq_37964302/article/details/84193257

版权

旋转立方体
刚开始学，可能不是很好，各位看官凑合着看吧

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        @keyframes name{
            from{transform: rotateX(0deg) rotateY(90deg) ;}
            to{transform:rotateX(360deg) rotateY(360deg) ;}
        }
        .con{
            width: 200px;;
            height: 200px;
            background-color:rgba(128,128,128,0.7);
            margin:0 auto;
            margin-top:200px;
            position: relative;
            /* perspective: 180px; */
            /* -webkit-perspective: 500px; */
            transform-style: preserve-3d;
            /* transition: transform 2s line

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Super--rookie

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端-demo（旋转立方体）

旋转立方体刚开始学，可能不是很好，各位看官凑合着看吧&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-
复制链接

扫一扫