疯狂的美工京东装修助手官网
京东全屏CSS3动态海报抖动效果代码生成,海报上透明图片自动上下抖动带动感
2018-1-10 陈俊


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



666.gif



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




(旧站)京东全屏CSS3动态抖动效果代码工具地址:http://zaixian.jdzhushou.com/tools/13.html



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



QQ截图20180110154431.png



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



QQ截图20180110154610.png




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







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



QQ截图20170531173143.jpg



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



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



4.jpg



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



5.jpg



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





发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容