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

CSS 实现台阶效果
HMTL CSS codepen
CSS中特殊效果的实现方案
相关文章 CSS中渐变特性的研究 CSS中颜色突变的实现方案 CSS中条纹效果的实现方案 CSS中环形效果的实现方...
CSS实现浮动阴影效果
效果：实现：HTML： CSS：
随手收集
one div实现icon one div 实现动态天气 css实现文字3D CSS实现文本干扰效果 CSS实现文...
Front-web 启示录
Q: 如何实现下图效果？ A: Html Css Q: 如何实现下图导航栏效果？ A: html Css Q: 如...
tab切换样式实现
实现效果： html： js： css：
强大的CSS：3种姿势实现26个英文字母的案例
一、借助CSS border实现案例实现效果如下（为实时渲染效果）：如何使用？引用CSS文件，例如：或者直...
2018-08-31 基于CSS3D视角，实现视差滚动
纯CSS实现视差滚动效果
使用React实现无缝轮播
实现效果 js部分 css部分
Tailwind Toggle
切换切换效果CSS实现切换