CSS和HTML做的二次元薇尔莉特（伪），新手上路，请多关照！！！！

想来想去还是在CSDN上写了第一个博客！！！
请指教！！！！

这是在我做好的效果:
在CSBN用不来上传视频的我

由于我喜欢薇尔莉特，再加上血了css和html，于是做了个这玩意！！
新手上路，请多关照！！！
这是CSS代码

 html{perspective: 900px;}.cube{width: 300px;height: 300px;margin: 200px auto;transform-style: preserve-3d;animation: rotate 20s infinite linear;}.cube img{width: 300px;height: 300px;}.cube>div{width: 300px;height: 300px;opacity:0.8;position: absolute;}img{vertical-align: top;}.box1 {transform: rotateY(90deg) translateZ(150px);}   .box2 {transform: rotateY(-90deg) translateZ(150px);}.box3 {transform: rotateX(90deg) translateZ(150px);}        .box4 {transform: rotateX(-90deg) translateZ(150px);}.box5 {transform:rotateY(180deg) translateZ(150px);}.box6 {transform: rotateY(0deg) translateZ(150px);}@keyframes rotate{from{transform:rotateX(0) rotateZ(0);}to{transform: rotateX(1turn) rotateZ(1turn);}}

这是HTML代码

<body><div class="cube"><div class="box1"><img src="./img2/1.jpeg"></div><div class="box2"><img src="./img2/2.jpg"></div><div class="box3"><img src="./img2/3.jpeg"></div><div class="box4"><img src="./img2/4.jpg"></div><div class="box5"><img src="./img2/5.jpeg"></div><div class="box6"><img src="./img2/6.jpeg"></div></div>
</body>

还有就是新手上路，不点个赞鼓励鼓励新手再走嘛！！！

CSS和HTML做的二次元薇尔莉特（伪），新手上路，请多关照！！！！相关推荐

Stable Diffusion：使用Lora用二十张图片训了一个简易版薇尔莉特头像生成器（不作商用，纯纯个人兴趣，狗头保命）
目录一.系统环境二.数据准备及预处理三.使用Stable Diffusion获取图像信息四.安装训练图形化界面五.参数设置及训练过程六. 效果测试七.常见报错处理一.系统环境同上一篇 ...
P4965 薇尔莉特的打字机
题目背景只要客人有意向,不论身在何处,都能上门服务.我是自动手记人偶服务--薇尔莉特·伊芙加登. 题目描述薇尔莉特的打字机用了太久,按键已经开始老化了,因此有时候按键会没有反应.而薇尔莉特总是盲打 ...
Android图灵聊天机器人-薇尔莉特
智能聊天机器人-图灵机器人项目说明文章目录智能聊天机器人-图灵机器人项目说明 1.项目介绍 2.项目用到的技术 3.项目的开发环境 4.开发步骤 1.首先编写主界面(activity_main.x ...
luogu[U103720]薇尔莉特题解
题面点这里概括一下题目,就是维护矩阵or,要求最后整个矩阵的和,异或和考虑对需要操作的值valvalval进行二进制拆分,由于or对于一个二进制位上的操作是永久性的,那我们对每一位进行二维差分,最 ...
洛谷4965 薇尔莉特的打字机（Trie，DP）
神仙题. 考虑在一棵 Trie 上进行染色,将可能出现的串的末尾染成黑色.答案就是黑点的个数.一开始只有 \(A\) 的末尾点是黑色. 当出现一个字符(不是退格)\(c\) 时,就要将每个黑点的 \( ...
周赛-薇尔莉特的委托-并查集应用
题目链接思路: 分别对所有路建立前缀并查集和后缀并查集,破坏L到R的路时,只需合并L-1,和R+1的集合. Code: #include <bits/stdc++.h> #define ...
[css] 使用css3做一个魔方旋转的效果
[css] 使用css3做一个魔方旋转的效果总的来说,用了一些 3D 效果的样式,如 translate3d,rotate3d,perspective,transform-style: preser ...
用css和HTML做loding小动画
用css和HTML做loding小动画 1.先进行简单的页面布局 1.1 我这里是使用了一个div标签包了两个p标签每个p标签里面又包了四个span标签构建了一个简单的页面搭建其余的用css就可 ...
html+css+动画过渡做遮罩层
html+css+动画过渡做的遮罩层这个最重要的是css样式,首先先看看html架构吧: 两个div不用多讲,上就对了: <div id="mask_layer">天 ...

CSS和HTML做的二次元薇尔莉特（伪），新手上路，请多关照！！！！

CSS和HTML做的二次元薇尔莉特（伪），新手上路，请多关照！！！！相关推荐

最新文章

热门文章