为什么加上代码之后,不显示呢

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

qq_o朩孒雪o_0

2017-05-09 10:08

[data-icon]:after {

content: attr(data-icon);

    font-family:Verdana, Geneva, sans-serif;

    color: #fff;

text-shadow: 1px 1px 1px rgba(151,24,64,0.2);

position: absolute;

width: 200px;

height: 200px;

line-height: 200px;

text-align: center;

font-size: 90px;

top: 50%;

left: 50%;

margin: -100px 0 0 -100px;

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

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

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

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

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

}

http://img.mukewang.com/591124990001caa418840881.jpg

http://img.mukewang.com/5911249a0001237918810891.jpg


写回答 关注

1回答

  • qq_o朩孒雪o_0
    2017-05-09 10:11:55

    找到原因了

css3实现网页平滑过渡效果

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

54371 学习 · 372 问题

查看课程

相似问题