首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

css3制作网页彩虹字

是不是觉得网页里单调的文字很难看?今天和大家分享一个动态彩虹字的制作方法。

让你的网页立刻变得高大上!!!

HTML代码

CSS第一部分

CSS第二部分

CSS第三部分

效果展示

这里用到了CSS变量,height: calc(100% - 10% * var(--n)),然后在各个里面设置–n的值,个人感觉这样写确实方便了不少。不喜勿喷。

更多前端内容请点击关注

欢迎点赞 评论转发

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190210A06J4300?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券