浏览器适配

浏览器适配

  • -o-:Opera浏览器

  • -ms-:IE浏览器

  • -moz-:Firefox浏览器

  • -webkit-:Chrome、Safari、Android浏览器

径向渐变
.box {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-image: -webkit-radial-gradient(red, yellow);
}
​
倒影
-webkit-box-reflect: below | above | left | right;

  

 

 

posted @ 2018-10-15 20:28  长不胖的zhu  阅读(193)  评论(0编辑  收藏  举报