更新记录

1.0.0(2019-08-06) 下载此版本

Css打字机效果


平台兼容性

Css打字机效果

github地址,喜欢的可以star下哦

插件预览图

使用教程

代码展示

  • vue页面使用
<template>
    <view class="typewriter">
        <view class="text">The cat and the hat.</view>
    </view>
</template>
  • Style

<style>
    .typewriter {
        width: 390upx;
        margin: auto;
    }

    .typewriter .text {
        font-size: 40upx;
        overflow: hidden;
        border-right: 2upx solid orange;
        white-space: nowrap;
        margin: 0 auto;
        letter-spacing: 2;
        animation:typing 3.5s steps(40, end),blink-caret .75s step-end infinite;
    }

    @keyframes typing {
        from {
            width: 0
        }

        to {
            width: 100%
        }
    }

    @keyframes blink-caret {

        from,
        to {
            border-color: transparent
        }

        50% {
            border-color: orange;
        }
    }
</style>
兼容性

全平台兼容

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问