首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏生如夏花绚烂

    3D相册制作

    ="imgs/gld2.jpg">

    <img src="imgs/gld<em>3</em>. background: #bfa; margin: 100px auto; transform-style: preserve-<em>3</em>d

    1K20编辑于 2022-09-08
  • 来自专栏技术杂记

    QT(三).电子相册3

    0 [emacs@h102 pic]$ 1.uic : pic.ui->ui_pic.h 2.g++ : main.cpp->main.o 3.g++ : pic.cpp->pic.o 4.moc :

    1.4K10发布于 2021-09-14
  • 来自专栏Python疯子

    3D立体相册,一个可旋转的立体相册

    11359.gif 主要功能:3D云相册,立体球体展示 可自行添加本地照片 可旋转,照片可放大 github下载 用的代码是用的云标签的code,代码略有改动 主要代码调用 // 调用展示 当做到线上的那个复杂形式的时候,就远远不够了,因为会涉及到多个相册的展示,删除,还有和标题的联动性,线上的用的是字典和数组相结合的方式。

    3.3K10发布于 2018-09-06
  • 来自专栏山海散人技术

    3D拖拽相册的实现

    head>         <meta http-equiv="Content-Type" content="text/html;charset=utf-8">         <title>3D 拖拽相册</title>         <meta name="Keywords" content="关键字,关键字">         <meta name="description" content             .pic{width:120px;height:180px;margin:200px auto 0;position:relative;transform-style:preserve-3d                          <img src="img/<em>3</em>.

    83630发布于 2021-03-03
  • 来自专栏算法与编程之美

    网页|JS实现3D旋转相册

    问题描述 3D旋转相册是通过perspective属性的盒子1产生向网页内部的延伸感,并让装有图片沿z轴平移后的盒子2在拥有perspective属性的盒子1内凭transform属性产生的3d效果沿盒子 解决方案 1.属性介绍 (1)perspective属性: 多少像素的3D元素是从视图的perspective属性定义。这个属性允许你改变3D元素是怎样查看透视图。 注意:perspective 属性只影响 3D 转换元素。 (2)transform属性: 应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 0deg) ;//为盒子的3d效果和旋转效果做准备。 这时候为装有图片的盒子加上transform:rotateX(-15deg);便能看到较为完整的3d效果了,此时实现盒子绕y轴转动便可实现旋转木马的效果。 ?

    9.4K10发布于 2020-02-21
  • 来自专栏大头猿

    一款3D相册源码

    今天给大家分享一款3D相册功能,至于作用,大家可以自行发挥!首先来看下截图: 鼠标拖动,非常丝滑 代码主要实现如下: <! ="UTF-8"> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>3D position:relative; width:120px; height:180px; margin:auto; transform-style:preserve-3d ;/*设置3D环境*/ } #wrap img{ position:absolute; width:133px; height:200px; box-shadow:0 0 ="wrap"> <img src="images/<em>3</em>.

    1.4K50编辑于 2022-10-27
  • 来自专栏算法与编程之美

    网页|实现酷炫3D相册

    制作3D相册 (1)画一个id为wrap的div作为相框来装载所有的图片。 来为图片设置3D效果。 图3 (2)编写js代码,让其中一张图片沿着它自己的Z轴向外移动。 images[i].style = 'transform : rotateY(' + deg * i + 'deg) translateZ(380px)'; //deg前面不要加空格 } (4)如果相册整体太水平了 ,可以用transform:rotateX(-10deg)让整个相册根据X轴向下移动10px,达到俯视的效果。

    1.3K30发布于 2020-07-17
  • 使用Three.Js制作3D相册

    前言ThreeJS是一个用JavaScript写的开源3D图形库,它有个简单但是功能强大的3D渲染引擎,可以在网页浏览器里快速创建和展示3D图形。 ThreeJS是一个功能强大、使用简单的3D图形库,提供了一个强大的3D渲染工具,大大降低了创建3D应用程序的难度。 效果图解析安装代码包可以到网上去找一些迷你版本的包,先放在本地用一下,然后跑终端可以从终端运行:npx vite插件Three.js 开箱即用,包含 3D 引擎的基础知识。 * 2), 2.5); cube.lookAt(0, 2, 0); scene.add(cube); const lookAtPosition = new THREE.Vector3( * 2), 2.5); cube.lookAt(0, 2, 0); scene.add(cube); const lookAtPosition = new THREE.Vector3(

    2.3K10编辑于 2024-04-26
  • 来自专栏云开发小程序1

    漫天花雨HTML特效+3D相册

    展示效果视频: 漫天花雨HTML+3D相册特效 什么是HTML特效? HTML特效是指在网页中使用各种技术和代码来实现动态效果的一种方式。这些效果可以是动画、过渡、交互和其他视觉效果。 (2)使用CSS3动画 CSS3动画可以使元素在网页中以动画的形式移动或改变形状。这种效果可以用于图片、标题和其他元素。可以使用CSS3动画使图片在用户滚动页面时缓慢地淡入或淡出。 vec3 normY; varying vec3 normZ; varying vec3 normal; varying float diffuse; varying float specular; function (c) { w.setTimeout(c, 1000 / 60); }; })(window, 'equestAnimationFrame'); </script> </html> 加相册特效 ; /* 被嵌套的元素在3D空间采用何种渲染方式:保存3d效果 有两个值: 1.flat(默认)不带任何3d效果 2.preserve-3d:保存3d效果 */ -webkit-transform

    1.2K40编辑于 2023-10-14
  • 来自专栏学编程的GISer

    3D旋转相册代码(未工程化)

    上次分享了Vue工程化之后的相册代码,今天整理文件的时候发现了之前写的没有工程化的,为了方便大家搬运代码,在这里分享一下,需要的小伙伴可复制粘贴: html部分: <! 旋转相册</title> <link rel="stylesheet" href=". %2F%2Fwww.zhwin.com%2Fd%2Ffile%2F2018-12-26%2Fd1c2c<em>3</em>e8a97754402dd95f4701a2f854.jpg&refer=http%<em>3</em>A%2F%2Fwww.zhwin.com &refer=http%<em>3</em>A%2F%2Fimg.mp.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto? %2F%2Fwx<em>3</em>.sinaimg.cn%2Fmw690%2F737e214fgy1h2btpttqxtj20u00u0jxi.jpg&refer=http%<em>3</em>A%2F%2Fwx<em>3</em>.sinaimg.cn

    1.1K20编辑于 2022-09-26
  • 来自专栏deed博客

    时光相册

    12 6,176 views A+ 所属分类:评测 第一次使用时光相册,其实是在小米应用商店推荐的时候发现的。因为我看到了"时光",所以对这个APP特别感兴趣,于是就下载了。 在那时,有许多网盘可以充当相册软件,但是我也没有选择他们,回头想想,我的选择还是对的。 时光相册不仅仅局限于本地的相册,它还可以把我们的相册同步至云端,还可以添加相册。 一般来说,时光会自动给我们建立几个相册。 ? ? 不仅不仅如此,时光相册还可以,自动为我们生成滤镜。这就是当时被朋友圈刷屏的同款滤镜,怎么样,反正我感觉挺不错。 还有音乐相册以及照片电影的功能,我想这俩功能我还不用再介绍了吧。 其实还有一个共享群,因为博主没有需要共享的,我就没弄了。 时光相册目前是正在成长的软件,我们要多给时间让其成长,我觉得未来时光相册会做的越来越好。

    3K30发布于 2018-06-05
  • 来自专栏朱永胜的私房菜

    Hexo添加相册

    fa-folder-open #   清单||fas fa-list: #     音乐: /music/ || fas fa-music #     电影: /movies/ || fas fa-video   相册 fas fa-heart 在source目录下新建gallery目录,并新建index

        {% galleryGroup '宝宝相册

    81830编辑于 2023-08-24
  • 来自专栏菩提树下的杨过

    silverlight 相册雏型

    这篇应该是"silverlight3的"伪"3D续--图片横向轮换"的后续篇章,代码基本上从上篇代码修改而来,界面则抄袭了nasa的相册,自己一直做数据库相关的电子商务开发,虽然断断续续学习了一阵silverlight album/default.html 基本技术点: 1.利用webclient动态加载xml来获取程序配置以及数据源 2.利用webclient异步读取大图片内容,以达到大图加载的loading效果 3.

    2.7K100发布于 2018-01-23
  • 来自专栏林德熙的博客

    Unity3d 制作一个立体旋转相册

    imageList = imageList; } private string[] _imageList; 在 Update 方法判断用户是否有输入,通过判断鼠标的方法,在上一篇博客 Unity3d var vertical = Input.GetAxis(verticalAsixName); 旋转的方法请看下面 transform.Rotate(new Vector3( Vertical"; var vertical = Input.GetAxis(verticalAsixName); transform.Rotate(new Vector3( 欢迎小伙伴访问 运行效果请点击此链接 https://r302.cc/JGLjDZ ---- 本文会经常更新,请阅读原文: https://blog.lindexi.com/post/Unity3d

    2K20发布于 2020-05-09
  • 来自专栏全栈技术

    基于HTML的3D立方体相册下载

    基于HTML的3D立方体相册 代码下载地址:https://download.csdn.net/download/qq_44273429/13996508 HTML代码: <! /video/love.mp3" type="audio/mpeg"/> Your browser does not support the audio element. outer-bottom">

    <img src="images/<em>3</em>. rgb(255, 0, 200); text-align: center; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px <em>3</em>px 200px; height: 200px; transform: rotateX(-30deg) rotateY(-80deg); transform-style: preserve-<em>3</em>d

    1K30发布于 2021-08-23
  • 来自专栏全栈程序员必看

    用HTML+CSS代码制作3D旋转相册

    DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8" /> <title>3D旋转相册</title> <style type 400px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform-style: preserve-3d } #box img:nth-child(2) { transform: rotateY(36deg) translateZ(650px); } #box img:nth-child(3) body>

    <img src="images/<em>3</em>.

    3.1K20编辑于 2022-06-30
  • 来自专栏全栈程序员必看

    android调用相册并显示图片_Android获取相册列表

    galleryIntent.setType("image/*");//图片 startActivityForResult(galleryIntent,1);//跳转,传递打开相册请求码

    3.3K20编辑于 2022-11-04
  • 来自专栏全栈程序员必看

    微商相册服务器维护,微商相册

    实例 下图是微商相册小程序,许多在朋友圈活跃的微商如今都转战到了这里。 微商相册内部可以和发动态一样发送图片与文字,像是另一个微商们的”朋友圈“。 (图片来自网络 侵删) 3、不占内存 小程序不同于app需要到专门的软件商店进行下载,也就不会耗费较多的流量的内存空间。 3、小程序+公众号 公众号作为一个流量池,小程序就是变现工具,两者现在已经可以无缝跳转和链接。 实例 下图是微商相册小程序,许多在朋友圈活跃的微商如今都转战到了这里。 微商相册内部可以和发动态一样发送图片与文字,像是另一个微商们的”朋友圈“。 3、小程序+公众号 公众号作为一个流量池,小程序就是变现工具,两者现在已经可以无缝跳转和链接。

    4.3K40编辑于 2022-08-29
  • 来自专栏全栈程序员必看

    Android打开相册_安卓10相册无法使用

    最近在学习安卓的过程中,学到了从相册中选取图片的内容。 setContentView(R.layout.activity_main); Button button = (Button) findViewById(R.id.button);//打开相册按钮 View.OnClickListener() { @Override public void onClick(View v) { //打开相册

    2.7K30编辑于 2022-11-09
  • 来自专栏全栈程序员必看

    android 从相册选择图片_android调用相册并显示图片

    public class MainActivity extendsAppCompatActivity {int REQUEST_CODE = 0;privateNineGridImageView ngiv;private ArrayListphotos;privateDialog dialog;privatecn.com.jwtimes.www.jwtimes.mAdapter mAdapter1;

    2.4K10编辑于 2022-11-08
领券