data-icon:after 的left，top，margin 是必要的吗？没有好像也能达到一样的效果？

[data-icon]:after{

   content:attr(data-icon);

   width: 200px;

   height: 200px;

   background: #0f0;

   color:#fff;

   font-size: 90px;

   text-align: center;

   line-height: 200px;

   position: absolute;

   /*

   left: 50%;

   top: 50%;

   margin:-100px 0 0 -100px;

   */

   transform:rotate(-45deg) translateY(25%) ;

}