无人区修炼者
2016-04-14 17:49
opacity: .5;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5)
transform: scale(1.5);
这里的opacity啥意思
还有就是-webkit-transform:和-moz-transform:和transform这三个具体意思不咋理解
有没有不是太学术的讲解
opacity 是设置透明度,它的值在0~1之间, .5就是0.5,这里省略了0,也就是半透明的意思;
还有就是-webkit-transform:和-moz-transform:和transform这三个具体意思不咋理解
这里是考虑了各个浏览器的兼容性所加的前缀,这个transform目前还没有成为W3C标准,为了让浏览器识别所加的;
就像有人的first-name是小波,但他的姓氏可能是李,可能是王,加上姓人家才知道喊的是他;
-webkit-是谷歌浏览器前缀
-moz-火狐前缀,另外还有safari和ie的,可以去了解下
你好,
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5)
transform: scale(1.5);
上面这三个都是一个意思:就是描述transfrom这个属性,不同点是有前缀-webkit-,-moz-,它们是为了解决在不同浏览器的兼容性,-webkit表示兼容chrome和safari,-moz-表示兼容fireFox,常见的还有-ms-表示兼容IE,-O-表示兼容opera浏览器。
opacity是表示透明度的意思,范围是0-1,(IE下是0到100).
transform是一个属性,类型和background一样,里面有很多属性,该属性允许我们对元素进行旋转、缩放、移动或倾斜。这里面写的scale,表示缩放的意思,1.5,表示X,Y都缩放150%。
十天精通CSS3
242555 学习 · 2623 问题
相似问题