你这具体一下，好不呢

log:log后面没有逗号

webstorm

text_in只是一个class类名，叫什么都可以，那怕是叫aaa都可以，只是定义了一个属性，定义以后其他需要使用的时候直接使用这个类名就可以了，你可以理解为封装

a{123456789}

下次我需要的时候直接使用a就可以了，就等于使用了123456789

都没有吗，你的class写对了吗

main类已经设置了相对定位，这种情况下main类里面的子元素如果设置绝对定位，都是相对于main类定位

你需要把这个类名添加到html结构中  也就是 c_zongzi_box  后边

我的也没有动画

要先把具体的大小固定一下，那样加载过来就不会有闪动了

右边的列表啊

因为定义了class的问题

js代码可能有问题，可以用alert进行调试，找到问题

@-webkit-keyframes rock{
        0%{transform:rorate(0deg)}
        10%{transfrom:rorate(3deg)}
        20%{transform:rorate(-3deg)}
        30%{transform:rotate(2deg)}
        40%{transform:rotate(-2deg)}
        50%{transform:rotate(1deg)}
        60%{transform:rotate(-1deg)}
        70%{transform:rotate(0deg)}
        100%{transform:rotate(0deg)}
    }

你的第一行错误了 应该是@-webkit-keyframes rock  你少一一个横杠

重新运行就可以了

都是脱离文档流，定位

当然是可以的，position的好处是，完全不会受到其他元素的影响，如果使用margin的话，在有其他元素的情况下。就有可能出现意外。这种东西和编程习惯有关

首先如果你要用3d实现，你得有一个3d模型。你只用3d,只会出现第一张图片的各种角度变化，并不是一个粽子肉的变化

设置百分比

链接: http://pan.baidu.com/s/1c0fQS3Q 密码: jugx  源码下载

随便起的class名称，叫什么都可以，方便html中某个标签使用，进而引进编写好的css样式

WebStorm

必须要的，获取DOM对象

var g = function(id){

return document.getElementById(id);

}