CSS 实现台阶效果

2018-03-10  本文已影响0人  康乐芳华

HMTL

<p></p>

CSS

p{
    width: 0;
    transform: rotate(-90deg) translateY(200px);
}
p:before{
    color: transparent;
    content: 'x xx xxx xxxx xxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxx xxxxxx xxxxx xxxx xxx xx x';
    outline: 1px solid tomato;
}
image.png

codepen

上一篇 下一篇

猜你喜欢

热点阅读