CSS、HTML，求大神解释下列代码，最好详细点我是初学者

CSS、HTML，求大神解释下列代码，最好详细点我是初学者

transform: scale(1.2);
这是把元素的长和宽都放大1.2倍

transition: all 0.7s ease-in;
产生过渡效果，其中
all 表示元素的所有属性都产生过渡效果，如果与上述第一条联用，那么就是让元素的长宽都逐渐过渡到1.2倍；
0.7s 这是过渡效果持续的时间，即0.7秒；
ease-in 这是过渡效果的速度曲线，即由慢到快

其他带有前缀的属性都是为了与各种不同内核的浏览器保持兼容性，其中
-webkit- 是针对webkit内核的浏览器，如Chrome、Safari
-moz- 是针对FireFox浏览器
-ms- 是针对IE浏览器（IE9+）
-o- 是针对Opera浏览器
之所以要这样，是因为很多CSS3属性都是处在实验阶段的，各种浏览器都推出了各自不同的处理方法，为了区分，就只能加上各种特有的前缀了。