匯農PC個人中心總結

標籤：nbsp   div   cal   bsp   hover   pre   padding   靈活   sans   

1. 技巧總結

1. 使用 padding 編寫靈活的 登入 | 註冊, ‘|‘ 豎線, 參考: http://www.imooc.com/learn/710

    font-size: 0;    border-left: 1px solid;    padding: 10px 4px 2px;    margin-left: 8px;

2. 使用過渡完成懸浮效果: 參考 http://www.mi.com/ 

transition: all .2s linear;      &:hover {           box-shadow: 0 15px 30px rgba(0,0,0,0.1);           transform: translate3d(0, -2px, 0);  Y 軸向上    }

3. 懸浮圖片放大

&:hover {    .imgs {       img {         transform: scale(1.1);        }      }    }   .imgs {      img {        transition: all .5s;       } }

 

 

匯農PC個人中心總結