css实现文字立起效果1、效果图 2、更多内容 3、html 4、css。微信小程序搜索“知遇工具箱”，可查看具体效果和

1、效果图

文字立起效果

2、更多内容

微信小程序搜索“知遇工具箱”，可查看具体效果和更多内容。

3、html

<view class="text">ERECT</view>

4、css

    .text {
        font-size: 60px;
        font-weight: 800;
        letter-spacing: 4px;
        color: #ffffff;
        position: relative;
        z-index: 1;
    }
 
    .text::after {
        content: 'ERECT';
        position: absolute;
        left: 0;
        color: #000000;
        transform: translate(-25px, 12px) scaleY(0.5) skew(45deg);
        z-index: -1;
        filter: blur(3px);
        mask: linear-gradient(transparent, #000);
    }