发表于: 2016-03-17 14:30:33

1 2068


今天完成的事情:

1、唔。。完成了task8,跟风找了个翻转动画来做。。样式是用perspective: 数值定义一个容器作为透视效果的参照,然后再在其中加入一个容器,给其定义变形时间transition: 和变形样式transform-style: ,这里用preserve-3d让其产生3d效果,如果我们想要翻转什么元素,就只要往第二个容器里面加就好了——一般来说卡片的做法是放入正反两个尺寸一致的容器,对父级position:relative,使二者重合,然后对二者同时定义backface-visibility: hidden,使背部不可见,对反面容器定义反转180°——transform: rotateY(180deg),这样平时的反面容器就是不可见的,最后再加入:hover{transform: rotateY(180deg)}鼠标事件来反转,这样就完成了视觉上翻转卡片的动画效果。

2、关于trunk、branches和tag找到一篇讲得挺清楚的。说的是有两种目录使用方法:

第一种是用trunk作主开发目录;第二种是在每一个release的branch开发,trunk只作发布用。

http://blog.csdn.net/xiaoyatou_00/article/details/6091735

明天计划的事情:

1、开始task9

2、WS的Git问题并没有修复。。感觉遗漏了什么关键的东西。。再看看。。

收获:

又学了新技能。。不过感觉并不能学以致用举一反三。。大概是目前还做的太少吧。。

遇到的问题:

别人写的翻转教程其实并不能满足任务的背面出现后正面还可见的效果(我感觉其实这里最好不是用翻转动画吧。。)——其实是不太理解别人写的代码含义。。特别是一开始根本不明白为什么要套好几层容器(你是俄罗斯套娃吗??!)后来慢慢调试理解后发现其实只要把正面容器从翻转容器里拿出来就好了~so easy~


返回列表 返回列表
评论

    分享到