编程挑战，CSS3 3D 特效教程-慕课网

编程挑战

通过本节课所学过的内容完成挑战

任务

思考如何制作一个可以转动正方体？

?不会了怎么办: 合理利用transition属性、transform属性、

index.html
script.js
style.css

1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
//独立完成部分
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
html, body, div, 
    span,
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
资料下载
代码

全部精华我要发布

大神们，为什么我的代码一点一点写出来，在谷歌浏览器是这样的啊？？

+ 我来回答回答最高可+2积分

4 回答 1185 浏览

2022-06-12

怎么可以让正方体沿着中心旋转？

已采纳回答 / 恰逢暮雪

<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>正方体</title></head><body> <div class='out-box'> <div cla...

3 回答 2465 浏览

2021-04-27

css3的动画

最新回答 / qq_herozero_03158164

可以的

1 回答 1283 浏览

2017-10-12

小白不会写怎么办

已采纳回答 / 田心枫

<...code...>

1 回答 1582 浏览

2017-06-19

我写了一个翻页的，可是页面上的数字不跟着翻？怎么解

最新回答 / 第一原罪

那个。你的.box和.box2还有.box3都没有引用啊。。所以没效果

1 回答 957 浏览

2016-10-09

你翻上一页的的函数都是空的,什么都没写,怎么会有效果呢给你! function prev(){ if(curIndex==1) return; var curPage=document.getElementById("page"+curIndex); curPage.style.transform="rotateX(90deg)"; curIndex--; var prevPage=document.getElementById("page"+c...

1 回答 861 浏览

2016-11-11

角度是顺时针旋转为正么？

最新回答 / 刘小宏

是的，正方向为顺时针

1 回答 4186 浏览

2016-08-23

如何制作一个旋转的正方体

已采纳回答 / 24k大金牙

<...code...>

3 回答 2732 浏览

2017-02-22

如何让它自己一直旋转下去？？求解~

最新回答 / 冷月诗魂

永久旋转~要鼠标放上去再旋转自己另加hover<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>旋转正方体Demo</title> <style type="text/css"> html,body,div,span,h1,h2,h3,h4,h5,h6,p a,img,ol,ul,li {margin: 0;padding: ...

2 回答 1792 浏览

2016-08-23