CSS 弹幕按钮动画

发布时间:2024年01月11日

 

    <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;
  
文章来源:https://blog.csdn.net/weixin_54226053/article/details/135513636
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。