追格圈子小程序中,为了强化头条标题,我们可以通过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.第二部分是变化的颜色,默认是渐变过程平分整个区域,可以以颜色 + 停止点的形式来设置某一个颜色变化的位置区间,这个也是支持多个,理论上没有限制。
-
支付宝小程序web-view中如何进行支付追格小程序用户群里的一朋友问,支付宝小程序web-view中如何进行支付,小编之前也没接触过支付宝小程序支付相关,然后简单查阅了一下文档。
-
追格小站点评主题发布应用市场(探索版)功能追格小站点评主题是一款集产品发布(网址/小程序/APP)、资讯、认证于一体的WordPress点评导航主题。
-
论坛小程序源码下载(圈子社区论坛小程序)之追格小程序PC社区论坛系统大家熟知的应该有Discuz等,WordPress社区论坛插件如bbPress等,在站长圈子里这些都是耳熟能详的作品了。
-
All-in-One WP Migration(一站式WP迁移)WordPress全站迁移插件All-in-One WP Migration是一款WordPress全站迁移插件,中文名叫“一站式WP迁移”,在WordPress官网显示有超过500万的安装量,超过6000+的五星好评。
-
WordPress缓存插件Cache MasterWordPress缓存插件,追格小编早些时候也分享过,如:Lazy Load WordPress、Cachify等等。今天我们说说Cache Master,其实和其他大同小异,各有优劣势。
-
WordPress怎么发布和编辑文章追格小程序交流群,有小伙伴问追格资讯小程序如何编辑文章,追格系的小程序大部分都是基于WordPress开发,如何发布和编辑文章,若不熟悉不放看看下面流程。
暂无评论,抢个沙发...