文章来源地址https://www.toymoban.com/news/detail-819176.html
<template>
<view class="loading">
<view class="cube">
<view class="side front"></view>
<view class="side back"></view>
<view class="side top"></view>
<view class="side bottom"></view>
<view class="side left"></view>
<view class="side right"></view>
</view>
</view>
</template>
<script>
</script>
<style>
body {
background-color: #212121;
/* 设置页面背景颜色为 #212121 */
}
.loading {
width: 100px;
/* 设置宽度为 100px */
height: 100px;
/* 设置高度为 100px */
perspective: 1000px;
/* 设置透视视文章来源：https://www.toymoban.com/news/detail-819176.html
到了这里，关于CSS 3D旋转正方形的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
