发表于: 2019-07-31 20:11:48
1 915
昨天日报写一半不知道为啥官网突然不好使了,日报发不上去,作业也交不上去,今天把昨天的补回来。昨天主要修改了师兄给找出的bug,师兄一共找出来4个BUG,第一个bug是导航没有跳转,第二个bug是底部跟UI图不符,这两个bug比较简单,只要设置好路径,改一下盒子的位置就好了第三个bug是需要设置锚链接,所谓的锚链接是指给超链接起一个名字,作用是在本页面或者其他页面的的不同位置进行跳转。比如说,在网页底部有一个向上箭头,点击箭头后回到顶部。要创建锚链接首先需要设置一个锚点,用name或者ID属性给跳转的位置起一个名字,然后在点击跳转的地方设置超链接,一定要带#号
第4个bug是要这个地方3D旋转起来,这里用到了transform属性和animation属性和
@keyframes 规则,@keyframes 规则是一个能创建动画的元素创建动画的原理是,将一套 CSS 样式逐渐变化为另一套样式也可以多次改变样式能够多次改变这套 CSS 样式。animation属性是将动画与div元素绑定,transform属性可以让元素旋转、缩放、移动、倾斜或者由2D向3D转换。rotateY这个属性就是定义沿着Y轴进行3D旋转的。要实现这个元素的3D旋转首先用,@keyframes 规则制作动画,然后用transform属性实现旋转效果,最后用animation属性与元素绑定。效果就实现了。
评论