淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 使用教程 京东店铺工具教程 京东自由布局工具教程

京东自由布局制作CSS3放大镜特效模块教程演示,鼠标经过自动放大带过渡效果代码 ...

收藏 邀请

京东店铺放大镜效果代码模块怎么做?疯狂的美工京东自由布局工具CSS3放大镜组件的使用教程来啦,可以自定义实现鼠标经过图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)或缩小显示图片效果,让京东店铺装修模块更加丰富,视觉效果更强。下面疯狂的美工小编给大家带来视频教程快快来学习怎么使用吧~

520.gif

通过这节课程学习用疯狂的美工京东自由布局实现模块上或海报上鼠标经过图片放大或缩小显示的效果,图片样式自由设计,设计好上传图片空间再到自由布局中布局位置,建议原始图片尺寸设计大一点,鼠标经过放大后才不会模糊,具体请看我下面的操作演示~

京东装修后台地址:http://jdshop.jd.com/京东图片空间:http://imgzone.jd.com/

按键盘上ALT+方向键可以微移组件的位置

以下是教程中演示图用到的地址如果想操作一样的可以对着教程学习操作

任意图地址:https://img11.360buyimg.com/cms/jfs/t21934/248/438076953/287331/47726e14/5b0d376aN042069cd.jpg
CSS3放大镜地址:
https://img10.360buyimg.com/n0/jfs/t20302/123/2304076417/3594521/f448e304/5b505e9cNb650e9c9.jpg
https://img14.360buyimg.com/n0/jfs/t20926/249/2416333356/3606474/cad604e5/5b55a7eeNc2d2f043.jpg
http://img11.360buyimg.com/n0/jfs/t23212/278/1203747684/3583708/752dbe88/5b55a3b5N1a288ece.jpg
https://img10.360buyimg.com/cms/jfs/t23518/168/1182759420/291703/8cd154c1/5b55a769Nf047d06a.jpg


路过

雷人

握手

鲜花

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

请发表评论

全部评论

粉丝0 阅读9251 回复0

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

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

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

赣公网安备 36070202000375号

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

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