CSS技术很强大,不仅仅是可以调色啊,调位置啊。
更重要的是,我们可以直接利用CSS来制作一些色彩缤纷的几何图形,同时我们还可以用神奇的代码,让这些图形自己动起来,然我们即便不能走进屏幕里的世界,也可以轻松地对它们进行观察。
现在,给大家看一下如何制作一个会动的正方体。
废话少说,小弟献丑上代码了!(手动滑稽)
首先我们先用HTML构建好 在网页中能把这个正方体呈现出来的所需的div
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/test.css">
</head>
<body>
<p >旋转正方体</p>
<div>css 动画</div>
<!--确定这个正方体的活动区域 -->
<div class="contain">
<div class="box">
<!--在box中定义这个正方体的6个面 -->
<