CSS的未来-那些被我们忽略的属性-点头猪.pptVIP

CSS的未来 -- 那些被我们忽略的属性 border-radius box-shadow transform …… Harmless Properties -webkit-mask Image mask -webkit-mask: url(images/mask.png); Gradient mask -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); -webkit-mask Demo：与 transform 结合 img { -webkit-transition-property: left,opacity; -webkit-transition-duration: 1s; opacity: 1; } .demo1:active { opacity: 0; -webkit-mask-box-image:url(images/mask2.png) 100 stretch; } .demo2:hover { -webkit-mask: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0))); } -webkit-ma