小程序图片展示是否能做出这样的效果? [这张图片从哪里发现的?]



  • 开源小程序动画库封装swiper, 你想说什么?
    • 已经做完了 , 我会做到更好的
  • 可以做,用动画试试, 听到动画的主题曲,就能想到该动漫啦。
    • 做完了, 干了什么好事?
  • 有个思路就是用transform的3D转换,有点类似一个正方体; 例子 <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .a1{ width: 200px; height: 200px; margin: 100px auto; /*border: 1px solid #000;*/ transform-style: preserve-3d; transform-origin: 50% 50%; position: relative; transform: rotateX(45deg) rotateY(45deg); } .a1 div{ width: 200px; height: 200px; position: absolute; top: 0; left: 0; } .b1{ background-color: red; transform: translateX(-100px) rotateY(-90deg); } .b2{ background-color: orange; transform: translateX(100px) rotateY(-90deg); } .b3{ background-color: yellow; transform: translateY(-100px) rotateX(-90deg); } .b4{ background-color: green; transform: translateY(100px) rotateX(-90deg); } .b5{ background-color: blue; transform: translateZ(-100px); } .b6{ background-color: purple; transform: translateZ(100px); } </style> </head> <body> <div class="a1"> <div class="b1"></div> <div class="b2"></div> <div class="b3"></div> <div class="b4"></div> <div class="b5"></div> <div class="b6"></div> </div> </body> </html> , 说的貌似很有深意,你能一条一条说么?
    • 挺有意思的.. 我之前做了一个 但是是横向的.. 炫是很炫.. 但是不足.. 打算用animation 试试. , 即使是不成熟的尝试,也胜于胎死腹中的策略。
    • 我跟霄霄聊天在下面. 你看看 我做了一个. 嘿嘿.., 啦啦嘿嘿。
    • 哈哈哈你试试,我现在在自己研究一下以前学过的这个东西, 咋试
  • 转过去的图,在背后还能看见吗?还是说是消失掉呢, 快把图分享给我看看。
    • 老哥 又遇到你了. 看得到. , 我保持沉默
    • 一模一样的效果.. 其实我做了一个的..老板不满意.., 试一下不就知道有没有效果了吗?
    • 如果说是背面的话 就看不到 一共显示三张., 对人讲话可不能咄咄逼人。