小程序图片展示是否能做出这样的效果?
2019-03-15 18:15:58
微信公开课小程序热门讨论关于「小程序图片展示是否能做出这样的效果?」的小程序开发问题
补充:微信者回复开发者回复有个思路就是用transform的3D转换,有点类似一个正方体;例子headmetacharset=UTF8titleDocumenttitlestylea1{width:200px;height:200px;margin:100pxauto;
展开:即速小程序:有个思路就是用transform的3D转换,有点类似一个正方体;例子<html<head<metacharset=UTF8<titleDocument<title<stylea1{width:200px;height:200px;margin:100pxauto;*border:1pxsolid000;*transformstyle:preserve3d;transformorigin:50%50%;position:relative;transform:rotateX(45deg)rotateY(45deg);}a1div{width:200px;height:200px;position:absolute;top:0;left:0;}b1{backgroundcolor:red;transform:translateX(100px)rotateY(90deg);}b2{backgroundcolor:orange;transform:translateX(100px)rotateY(90deg);}b3{backgroundcolor:yellow;transform:translateY(100px)rotateX(90deg);}b4{backgroundcolor:green;transform:translateY(100px)rotateX(90deg);}b5{backgroundcolor:blue;transform:translateZ(100px);}b6{backgroundcolor:purple;transform:translateZ(100px);}<style<head<body<divclass=a1<divclass=b1<div<divclass=b2<div<divclass=b3<div<divclass=b4<div<divclass=b5<div<divclass=b6<div<div<body<html:转过去的图,在背后还能看见吗还是说是消失掉呢
更多有关「小程序图片展示是否能做出这样的效果?」的讨论可以前往微信公开课小程序参与互动哦!
补充:微信者回复开发者回复有个思路就是用transform的3D转换,有点类似一个正方体;例子headmetacharset=UTF8titleDocumenttitlestylea1{width:200px;height:200px;margin:100pxauto;
展开:即速小程序:有个思路就是用transform的3D转换,有点类似一个正方体;例子<html<head<metacharset=UTF8<titleDocument<title<stylea1{width:200px;height:200px;margin:100pxauto;*border:1pxsolid000;*transformstyle:preserve3d;transformorigin:50%50%;position:relative;transform:rotateX(45deg)rotateY(45deg);}a1div{width:200px;height:200px;position:absolute;top:0;left:0;}b1{backgroundcolor:red;transform:translateX(100px)rotateY(90deg);}b2{backgroundcolor:orange;transform:translateX(100px)rotateY(90deg);}b3{backgroundcolor:yellow;transform:translateY(100px)rotateX(90deg);}b4{backgroundcolor:green;transform:translateY(100px)rotateX(90deg);}b5{backgroundcolor:blue;transform:translateZ(100px);}b6{backgroundcolor:purple;transform:translateZ(100px);}<style<head<body<divclass=a1<divclass=b1<div<divclass=b2<div<divclass=b3<div<divclass=b4<div<divclass=b5<div<divclass=b6<div<div<body<html:转过去的图,在背后还能看见吗还是说是消失掉呢
更多有关「小程序图片展示是否能做出这样的效果?」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「小程序图片展示是否能做出这样的效果?」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序图片展示是否能做出这样的效果?」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序图片展示是否能做出这样的效果?」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序图片展示是否能做出这样的效果?」
微信公开课小程序热门讨论「小程序图片展示是否能做出这样的效果?」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序图片展示是否能做出这样的效果?」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 18:15:58
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>