最新回答 / 冷月诗魂
永久旋转~要鼠标放上去再旋转自己另加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: ...
2016-06-13
最新回答 / qq_唯愛沵_03419990
1。你应该在<div id="page1">1</div>这样的标签中加入class="page" ,css中的.page的选择器才能生效。2.background-color: black 这句话没有加分号。3.你还没有写js的代码。
2016-06-03
最新回答 / 慕尼黑4423355
做个立方体出来就逼真了。。。阴影的话因为毕竟不是真的3d...所以只能勉强在地下铺一个不会变化的阴影,动态阴影就别想了。。。除非线性代数和立体几何学究天人能换算个3d到2d的阴影投影公式,再用canvas画出来。。。下面是本人的3d盒子(没做阴影)。。。仅供参考。。。<...code...>
2016-05-17
已采纳回答 / 超的逗逗
谢谢同学的提醒 ,我本来就是溢出的,结果添加了该属性后就没有溢出了,我就在那里郁闷了半天,怎么没像老师那个效果了,结果才是没这个属性。本来按照3D的效果,已经翻看过的page会展现出一点点,可是如果用了overflow,就会将展现出的那点点遮掉,这样就不会看见已经翻看过的页码了。
2016-05-14
最赞回答 / 慕的地3472395
上面草率的回答有误,经过自己的实践发现,transform-origin在3d旋转中起着确定x轴、y轴的作用。transform-origin:value1 value2;则value1(x轴不动时与y轴交点的x值,即y轴可移动)决定了y轴的位置,默认为50%,元素中心竖线。value2同理,决定了x轴的位置。通过改变两个值,旋转正方体即可验证。
2016-04-24