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

来源:2-5 导航页背影动画制作(@font-face实现小icon)

用户1113943

2015-05-15 14:44

[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%) ;

   


}


写回答 关注

1回答

  • hjk75520
    2016-04-15 09:52:20

    是没必要那么繁琐。妹子老师思路几经周折

css3实现网页平滑过渡效果

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

54371 学习 · 372 问题

查看课程

相似问题