微信公众号点亮图片怎么做

微信公众号点亮图片怎么做?

微信公众号点亮图片的方法:

下面就为大家带来解答,只需要简单三步哦。

3670e9bc5ffb9459afec4413e56ca21.png

1、准备好两张图片,一张黑白,一张彩色的,在主编编辑器中,按图中所示,找到需要的样式,点击样式,进入编辑页面。

f127a5e649656153d1d245c257f7aa1.png

2、选中样式,点击下空行,上传黑白图片,双击图片,复制图片链接。点击html,选中相应的图片链接进行粘贴替换。都是background-image: url后面括号的链接,黑白图片对应的是第二条链接。同理上传点亮后的图片,获取链接,进行替换。

2f3fdb37e62a0743cfda9ee8caa2174.png

3.上传完成之后,进行调整,删除之前上传的两张多余的图片,如果图片不能完全显示的话,点击html,找到数字“858”,调整它就能调整显示的高度,直到完全显现出来为止。如果觉得点亮的速度太快,调整dur=里的数字即可。最后预览效果。

a62a9b00ca36fb3b7c888dd3d2bff18.png

注意,两张图片的尺寸大小要一直才行,这样才会做出最完美的效果。

推荐教程:《微信公众号开发教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


网页授权获取用户信息的方法
报错config:invalid signature的解决方案
微信开发百思不得姐实战教程
详解微信开发input输入框
教你libco是如何支撑巨大数据信息量的
微信二次开发之文本消息请求与发送
微信开发H5轻游戏
scroll-view完成列表页的方法详解
Java微信开发之自定义菜单的创建
微信开发之input控件的实例详解
微信开发Emoji表情的实例教程
微信开发中详解textarea的使用方法
微信开发中使元素占满全屏的方法介绍
微信开发之数据访问的方法详解
微信二次开发之各类型消息封装
微信开发之数据库操作
如何获取微信好友的地理位置信息
分享3款微信开发开源框架
微信开发之获取服务器IP
微信开发之公交换乘功能代码详解