149.纯CSS 实现 360度产品查看器

效果 (源码网盘地址在最后)

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

github 地址：https://github.com/qq449245884/vue-okr-tree

视频演示

index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>149.纯CSS 实现 360度产品查看器</title><link href="./style.css" rel="stylesheet">
</head>
<body><div class="card"><span style="--i:0"></span><img src="./iphone0.jpg" alt=""><span sty

149.纯CSS 实现 360度产品查看器相关推荐

java全景图片生成_[Java教程]使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果...
[Java教程]使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果 0 2015-07-23 18:00:14 360度的全景图片效果常常可以用到给客户做产品展示,今天这里我们 ...
html5图片自动翻转,纯js实现360度旋转预览图片特效
这是一款纯js实现360度旋转预览图片特效.该js特效仅使用120行代码,即可实现通过滑块.或鼠标手动360度旋转图片,以及自动360度旋转图片的效果. 使用方法 HTML结构 import Roll ...
使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果
在线演示本地下载 360度的全景图片效果常常可以用到给客户做产品展示,今天这里我们推荐一个非常不错的来自Robert Pataki的360全景幻灯实现教程,这里教程中将使用javascript来打 ...
HTML技术 360度产品展示,360°产品展示
Circlr是一款可以对产品图片进行360度全方位旋转展示的插件.Circlr通过按一定角度规律拍摄的产品图片,制作出可以使用鼠标拖动.鼠标滚轮和移动触摸来进行图片逐帧旋转的效果.比先前的Roller ...
纯CSS无hacks的跨游览器多列布局(转)
转自:http://www.cnblogs.com/rubylouvre/archive/2009/07/15/1523683.html 翻译自Matthew James Taylor的Equal H ...
纯CSS无hacks的跨游览器多列布局
利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全游览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中 ...
vue + threejs实战，实现3D 360度旋转查看物体
一. 官方文档地址:three.js 二. 简介 threejs是JavaScript编写的 WebGL 第三方库,提供了非常多的3D显示功能.它是一款运行在浏览器中的 3D ...
从虚幻 4 中采集 360 度立体电影
从虚幻 4 中采集 360 度立体电影 Gavin Costello, Lead Programmer, Ninja Theory Ltd 在 May 10, 2016 | 功能学习设计 Share ...
13个可以为网站创建360度全景视图的工具
英文 | https://niemvuilaptrinh.medium.com/14-libraries-create-360-degree-views-for-website-c4c177ef7d1 ...

149.纯CSS 实现 360度产品查看器

效果 (源码网盘地址在最后)

视频演示

149.纯CSS 实现 360度产品查看器相关推荐

最新文章

热门文章