css酷炫文本效果

插件 ID: 20636
来源: https://ext.dcloud.net.cn/plugin?id=20636
纯css 文本文字效果，可供学习参考

---

更新记录

                                                    1.0.2（2024-10-24）
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

添加新的效果

                                                    1.0.1（2024-10-18）
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

添加新的效果

                                                    1.0.0（2024-10-17）
                                                                                                                [
                                                            下载此版本
                                                        ](javascript:void(0))

初始化 查看更多

平台兼容性

uni-app

| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 | | | √ | √ | √ | √ | √ | √ |

• |
• |
• | | | 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 | | | √ | √ | √ | √ | √ | √ |
• | √ | √ |
• | √ | √ | |

其他

| 多语言 | 暗黑模式 | 宽屏模式 | | | × | × | √ | |

xtf-cooltext

uniapp 酷炫文本组件 纯css 效果

<xtf-d3text style="font-size: 100rpx; color: white; font-weight: 800;">hello uniapp</xtf-d3text>
<xtf-cooltext1 style="margin-top: 130rpx;font-size: 80rpx;">HELLO UNIAPP</xtf-cooltext1>
<xtf-cooltext2 style="margin-top: 130rpx;">HELLO UNIAPP</xtf-cooltext2>
<xtf-cooltext3 style="margin-top: 130rpx;align-items: center; justify-content: center;">HELLO UNIAPP</xtf-cooltext3>
<xtf-cooltext4 style="margin-top: 30rpx;"></xtf-cooltext4>
<xtf-cooltext5 style="margin-top: 80rpx;"></xtf-cooltext5>