<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.outer{
transform-style: preserve-3d;
width: 300px;
height: 300px;
position: absolute;
left: 600px;
top: 300px;
transform: rotateX(45deg) rotateY(45deg) ;
transition: all 20s;
}
.outer1{
position: absolute;
left: 25%;
top: 25%;
}
.outer1>.item{
width: 150px;
height: 150px;
opacity: 0.6;
position: absolute;
box-shadow: 0 0 30px lightyellow;
}
.outer2>.item-big{
width: 300px;
height: 300px;
position: absolute;
opacity: 0.6;
box-shadow: 0 0 60px lightyellow;
backgroun
HTML 3d动画立方体的实现
最新推荐文章于 2023-07-17 21:10:19 发布