问答详情
源自:8-3 CSS3中的变形--缩放 scale()

opacity

opacity: .5;

  -webkit-transform: scale(1.5);

  -moz-transform: scale(1.5)

  transform: scale(1.5);

这里的opacity啥意思

还有就是-webkit-transform:和-moz-transform:和transform这三个具体意思不咋理解

有没有不是太学术的讲解

提问者:无人区修炼者 2016-04-14 17:49

个回答

  • nostic
    2016-04-14 20:07:13
    已采纳

    opacity 是设置透明度,它的值在0~1之间, .5就是0.5,这里省略了0,也就是半透明的意思;

    还有就是-webkit-transform:和-moz-transform:和transform这三个具体意思不咋理解

    这里是考虑了各个浏览器的兼容性所加的前缀,这个transform目前还没有成为W3C标准,为了让浏览器识别所加的;

    就像有人的first-name是小波,但他的姓氏可能是李,可能是王,加上姓人家才知道喊的是他;

    -webkit-是谷歌浏览器前缀

    -moz-火狐前缀,另外还有safari和ie的,可以去了解下


  • 慕丝4635624
    2016-04-14 20:12:53

    你好,

    -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%。