首页 > 技术文章 > css揭秘

gduf 2019-10-08 20:58 原文

  • background-position可以使用计算属性calc,
    background-position: calc(100% - 20px) calc(100% - 10px);
  • 让背景图片跟右边缘保持 20px 的偏移量,同时跟底边保持 10px 的偏移量,background-position: right 20px bottom 10px;
  • background: linear-gradient(#fb3 50%, #58a 50%);
  •  

     

  • 如果border是半透明颜色,那么需要加上
    background-clip: padding-box;
  • 菱形图片可以用
    play.csssecrets.io/diamond-clip
  •  使用 border和outline结合来模拟双层外框;

    border: 10px solid #655;
    outline: 5px solid deeppink;



推荐阅读