马黑黑 发表于 2022-1-3 17:17

我的工作室

本帖最后由 马黑黑 于 2022-1-3 17:23 编辑 <br /><br /><style type="text/css">

.photo-container {
        margin:0;
        perspective: 800px;
        width:100%;
        float:left;
        cursor:pointer;
}

.rotate-box {
        position:relative;
        transform-style: preserve-3d;
        transition:1s ease;
        margin:10%;
}

.rotate-box img {width:100%;height:auto;}

.photo-container:hover .rotate-box { transform: rotateY(180deg); }


.rotate-box:after {
        content:' ';
        display:block;
        width:100%;
        height:50%;
        transform:rotateX(90deg);
        background-image: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
}

</style>

<div class="photo-container">
        <div class="rotate-box">
                <img src="https://www.huachaowang.com/data/attachment/forum/202201/03/171658r265nsnrdn0bnhr2.jpg">

        </div>
</div>

加林森 发表于 2022-1-3 17:23

好神奇的制作，老黑厉害啊。{:4_199:}

马黑黑 发表于 2022-1-3 17:24

这帖子在本地测试背面是文字，到论坛里来文字部分效果不对，删了这部分，只保留3D旋转效果

加林森 发表于 2022-1-3 17:24

又是代码制作的。佩服佩服！

马黑黑 发表于 2022-1-3 17:26

加林森 发表于 2022-1-3 17:24
又是代码制作的。佩服佩服！

这个不太好控制，3D中有景深概念，独自做一张网页好弄，搬到论坛比较麻烦

马黑黑 发表于 2022-1-3 17:27

加林森 发表于 2022-1-3 17:23
好神奇的制作，老黑厉害啊。

其实也就是一个 rotate 的 CSS 动画，测试一下看论坛程序的环境支持

马黑黑 发表于 2022-1-3 17:27

我这样的工作环境是不是有点~~~

加林森 发表于 2022-1-3 17:31

马黑黑 发表于 2022-1-3 17:26
这个不太好控制，3D中有景深概念，独自做一张网页好弄，搬到论坛比较麻烦

嗯嗯，明白的。跟到你慢慢学习吧。

加林森 发表于 2022-1-3 17:32

马黑黑 发表于 2022-1-3 17:27
其实也就是一个 rotate 的 CSS 动画，测试一下看论坛程序的环境支持

论坛还是支持的，挺好的。

加林森 发表于 2022-1-3 17:34

马黑黑 发表于 2022-1-3 17:27
我这样的工作环境是不是有点~~~

去搞一件波斯地毯用用，立即就会变样的。{:4_189:}

毋问我从哪里来 发表于 2022-1-3 17:34

阿富汗乎，伊拉克也？{:4_172:}

马黑黑 发表于 2022-1-3 17:39

加林森 发表于 2022-1-3 17:32
论坛还是支持的，挺好的。

支持绝大多数功能

马黑黑 发表于 2022-1-3 17:39

毋问我从哪里来 发表于 2022-1-3 17:34
阿富汗乎，伊拉克也？

地毯名称不变

加林森 发表于 2022-1-3 18:10

马黑黑 发表于 2022-1-3 17:39
支持绝大多数功能

是的，这个就比较方便了。

马黑黑 发表于 2022-1-3 18:24

加林森 发表于 2022-1-3 18:10
是的，这个就比较方便了。
可以多玩些内容

杨柳青 发表于 2022-1-3 18:30

这张工作室照片可以逃税~~{:5_117:}

马黑黑 发表于 2022-1-3 18:30

杨柳青 发表于 2022-1-3 18:30
这张工作室照片可以逃税~~

你在国税局上班呀

杨柳青 发表于 2022-1-3 18:38

马黑黑 发表于 2022-1-3 18:30
你在国税局上班呀

现在阿猫阿狗都知道~~{:4_189:}

马黑黑 发表于 2022-1-3 18:45

杨柳青 发表于 2022-1-3 18:38
现在阿猫阿狗都知道~~

你都收它们的税它们怎么不知道

樵歌 发表于 2022-1-3 19:16

小黑太太厉害了。{:4_176:}
页: [1] 2 3 4
查看完整版本: 我的工作室