CSS 弹幕按钮动画-LMLPHP

    <template>
    	<view class="content">
    		<button class="btn-23">
    			<text class="text">弹幕按钮</text>
    			<text class="marquee">弹幕按钮</text>
    		</button>
    	</view>
    </template>

    <script>

    </script>

    <style>
    	/* 设置背景颜色为黑色 */
    	body {
    	    background-color: black;
    	}
    	.content {
    	    display: flex;
    	    flex-direction: column;
    	    align-items: center;
    	    justify-content: center;
    	    margin-top: 300px; /* 距离顶部的边距为300像素 */
    	}
    	/* 以下为按钮样式的重置 */
    	.btn-23 {
    	    background-color: #000; /* 设置按钮背景颜色为黑色 */
    	    color: #fff; /* 设置按钮文本颜色为白色 */
    	    cursor: pointer;
    	    font-size: 100%;
    	    font-weight: 900;
  
01-11 09:57