2021-02-10

利用CSS3属性制作旋转的正方体

涵盖内容

  1. CSS3动画animation
  2. CSS3选择器子类选择器

构思指南

1.正方体的特征
2.正方体的六个面如何旋转得出
3.如何使用animation动画旋转正方体

代码部分


<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>正方体的旋转title>  
head>
<body>
<div class="box">
            <ul>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
            ul>
div>
body>
<html/>
清楚默认样式


你可能感兴趣的:(css,css3,html5,html)