淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 使用教程 京东店铺工具教程 京东装修助手教程

京东装修实现全屏CSS3活动海报上下左右抖动动态代码效果,png透明图自动带类似GIF特效 ...

收藏 邀请

京东JD店铺装修时想做一个海报上带动态效果怎么做,不做GIF动态图,以代码形式实现CSS3自动上下或左右抖动特效,疯狂的美工小编给大家带来代码生成工具及使用方法,让美工不需要做GIF动态图也能实现动态效果哦~

666.gif

京东全屏CSS3动态抖动效果代码工具地址:https://www.fkdmg.com/gongju/2668.html

首先准备好自己的海报底图,及png透明元素的镂空图。透明缩放元素的图片如果觉得默认预置的好可以复制图片地址保存下来,上传自己京东图片空间复制图片地址过来直接用,也可以自己设计别的样式然后上传自己空间再用~

QQ截图20180110154431.png

操作方法都简单,上面对各种项都有说明,一看就会了按操作即可,图片样式自己自定义设计好没有尺寸限制。抖动样式有上下抖动方式,及左右抖动方式,自己选择点预览效果看一下看自己喜欢用哪个就选哪个,还有就是抖动图也就是png图片如果要用默认的复制图片地址到浏览器中打开保存到桌面上传到自己京东图片空间后再用,同理要自己设计png透明图也一样要上传自己空间后再复制图片地址过来用~

QQ截图20180110154610.png

最后操作完自己觉得没有问题了先预览看看,可以的话直接点复制代码按钮复制代码,不要手动复制,以免少复制了代码,会提示复制成功后去京东店铺装修后台把代码源代码模式粘贴到990自定义内容区即可~

把代码装京东店铺990自定义区即可~

QQ截图20170531173143.jpg

疯狂的美工京东软件生成的代码装到990自定义内容区即可,先添加好990布局,然后再添加自定义内容区。

然后再添加好自定义,双击自定义点那支笔那打开代码编辑框

4.jpg

点右上角源码模式按钮后再粘贴代码,粘贴完保存即可!没有问题发布就OK

5.jpg

把你要装的内容装上去,这样一个带抖动特效的模块就装修完成了,大家快试试吧,如果想要了解更多关于京东装修方面的知识可以关本疯狂的美工京东官方网站哦~


路过

雷人

握手

鲜花

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

十年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂十年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

ICP证(电信增值许可证):赣B2-20220105 本站支持IPv6访问

Powered by Fkdmg.Com © 2013-2024    赣ICP备18006944号-1