字體樣式顯示問(wèn)題
.st-desc{
????width:?200px;
????height:?200px;
????background:?#FA96B5;
????position:?absolute;
????left:?50%;
????top:?0;
????margin-left:?-100px;
????transform:translateY(-50%)?rotate(45deg);
????-ms-transform:translateY(-50%)?rotate(45deg);
????-o-transform:translateY(-50%)?rotate(45deg);
????-moz-transform:translateY(-50%)?rotate(45deg);
????-webkit-transform:translateY(-50%)?rotate(45deg);
}
[data-icon]:after{
????content:?attr(data-icon);
????width:?200px;
????height:?200px;
????line-height:?200px;
????color:?#FFFFFF;
????font-size:?90px;
????text-align:?center;
????position:?absolute;
????left:?50%;
????top:?50%;
????margin:-100px?0?0?-100px;
????transform:translateY(25%)?rotate(-45deg);
????-ms-transform:translateY(25%)?rotate(-45deg);
????-o-transform:translateY(25%)?rotate(-45deg);
????-moz-transform:translateY(25%)?rotate(-45deg);
????-webkit-transform:translateY(25%)?rotate(-45deg);
}
代碼完全一樣，但是文字偏左，能否把字體文件發(fā)布出來(lái)
2015-04-22
代碼不一樣
你最后[data-icon]:after 的樣式??transform:translateY(25%)?rotate(-45deg); ?是先移Y軸再旋轉(zhuǎn)
原版代碼是rotate(-45deg)?transform:translateY(25%)； 先旋轉(zhuǎn)再移動(dòng)Y軸
由于順序不同，所以顯示效果不一樣