追格圈子小程序中,为了强化头条标题,我们可以通过css给头条标题增加渐变强化效果,只需要调整一个css即可以实现。
打开文件main.scss,找到:
.jiangqie-hot-list .jiangqie-hot-title text
修改为以下内容,即可以实现如图效果:
.jiangqie-hot-list .jiangqie-hot-title text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 520rpx;
height: 90rpx;
line-height: 90rpx;
background: -webkit-radial-gradient(bottom left,red 40% ,blue 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
通过调整相关参数,可以对渐变做各种调整
linear-gradient(线性渐变)
和
radial-gradient(径向渐变)
1.关于控制线性变化的参数可以是多个,以逗号分隔;
2.每一个控制线性变化的单元有两部分组成;
3.第一部分是线性变化的方向,有两种形式:1种形式是是角度,顺时针增加,比较灵活;第二种形式是包含to和两个关键词:第一个指出水平位置left or right,另1种指出垂直位置top or bottom。
关键词的先后顺序无影响,且都是可选的。to top, to bottom, to left 和 to right这些值会被转换成角度0度、180度、270度和90度。
其余值会被转换为一个以向顶部中央方向为起点顺时针旋转的角度。这种相对于角度的设置,比较单一,只能设置8个方向(两个是夹角方向);
4.第二部分是变化的颜色,默认是渐变过程平分整个区域,可以以颜色 + 停止点的形式来设置某一个颜色变化的位置区间,这个也是支持多个,理论上没有限制。
-
如何利用css和简单JavaScript实现文字渐隐动态效果通过css的animation动画及js循环控制实现
-
追格小程序V1.8.5更新发布@好友模块与隐私协议接口追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
追格小程序全部产品都已添加隐私弹框为什么不在微信小程序SDK中弹出隐私弹框
-
追格资讯小程序(开源版)更新发布隐私协议接口追格资讯小程序Free(又称酱茄free),实现WordPress网站数据与小程序同步共享,简单的配置就能搭建自己的资讯/博客小程序。一套代码多端适用(微信端、百度端、QQ端、H5端)。
-
追格主题"vip会员和资源下载"插件正式发布“追格主题”是一款免费开源的WordPress主题,专为资源下载、资讯媒体、图文博客网站而设计,响应式布局且自带用户中心、点赞收藏评论、SEO、个人主页、文章目录等功能,追格主题遵循GPL V2.0开源协议发布。以下内容含有广告信息。
-
追格商城小程序(开源版)V1.4.2新增分类排序等功能追格商城小程序(开源版)是一个基于WordPress和Uniapp进行开发的微信商城系统,代码无加密、无后门,简单配置即可发布!
暂无评论,抢个沙发...