1、今天完成的事情：写完了task8的电脑页面。学会了用css3写翻转动画，但是不利索。需要多练习一下。

2、明天计划的事情：做任务task9。

3、遇到的问题：昨天html/css前后文字断行的问题已经解决。css3图片翻转问题和背景透明问题已经解决；

4、收获：

昨天的问题是：它是因为浏览器默认把html/css之前的文字识别为一个单词，后面的是另一个单词，所以‍‍直接换行了。解决这个问题用了，word-bread:break-all;‍‍是断开单词。在单词到边界时，下个字母自‍‍‍‍动到下一行。主要解决了长串英文的问题。‍‍http://homepage.yesky.com/207/7707707.shtml

（2）、背景颜色透明用了background-color:rgba(0,0,0,0.5);图片翻转：先把要翻转的页面设置成背面，也就是：transform:rotateY(180deg);

1.           接着就是背面隐藏:backface-visibility:hidden;

            再加一个过渡时间：transition:2s;

   
   

2. 之后就是伪类hover显示出要翻转的这个div（一下三个表达的都是一个意思，就是考虑兼容性才全写的）

3. {

4. -moz-transform:rotateY(360deg);/*-moz代表firefox浏览器私有属性*/

5. -webkit-transform:rotateY(360deg);/*-webkit代表chrome、safari私有属性*/

6. -o-transform:rotateY(360deg);/*欧朋浏览器的属性*/
   

7. }

‍‍task8:

http://119.10.57.69//ptt004/ppt299/task8/task8-%E8%81%8C%E4%B8%9A%E9%A1%B5%E9%9D%A2.html