3D布局

最新推荐文章于 2024-01-18 10:37:14 发布
最新推荐文章于 2024-01-18 10:37:14 发布
阅读量60 收藏
点赞数
原文链接：http://www.cnblogs.com/ws-zhangbo/p/6029521.html
版权 
<!DOCTYPE html>
<html>
<head>
	<title>3D布局</title>
	<style type="text/css" media="screen">
		#box{
			width:190px;
			height:170px;
			/*background: url(6.jpg) no-repeat;*/
			-webkit-perspective:800px;
			position: absolute;
		}
		#box div{
			position:absolute;
			left:10px;
			width:10px;
			height: 170px;
			background:url(6.jpg) no-repeat;
			background-size: cover;
			-webkit-transform-style:preserve-3d;
			-moz-transform-style:preserve-3d;
			transform-style: perspective-3d;
			-moz-transform-origin: left 160px;
		}
		#box>div{
			left:0;
			transform: translateX(100px);
		}
		.show{
			transform:rotateY(-40deg) rotateX(2deg);
		}
	</style>

</head>
<body>
	<div id="box">
		<div>
			<div style="background-position:-10px">
				<div style="background-position:-20px">
					<div style="background-position:-30px">
						<div style="background-position:-40px">
							<div style="background-position:-50px">
								<div style="background-position:-60px">
									<div style="background-position:-70px">
										<div style="background-position:-80px">
											<div style="background-position:-90px">
												<div style="background-position:-100px">
													<div style="background-position:-110px">
														<div style="background-position:-120px">
															<div style="background-position:-130px">
																<div style="background-position:-140px">
																	<div style="background-position:-150px">
																		<div style="background-position:-160px">
																			<div style="background-position:-170px">
																				<div style="background-position:-180px">
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="jquery-1.12.4.min.js"></script>
	<script>
		var oDiv = $('#box div');
		setTimeout(function(){
			oDiv.each(function(){
	        	$(this).addClass('show');
	        	$(this).css('transition','.5s')
	        });
		},2000);
		setTimeout(function(){
			oDiv.each(function(){
	        	$(this).removeClass('show');
	        	$(this).css('transition','.5s')
	        });
		},4000)
	</script>
</body>
</html>

　　

 

转载于:https://www.cnblogs.com/ws-zhangbo/p/6029521.html

weixin_30877493
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【原创】Eplan 如何画出高大上的3D布局图
Qinmingyue13的博客
05-23 4505
点击西南等轴，（选择菜单栏“视图”---3D 视角---西南等轴），检查一下 3D 图形的方向是否正确，如果不正确，需要旋转或者翻转放置区域，（选择菜单栏“编辑”---设备逻辑---放置区域---旋转、翻转）。接下来就需要生成 3D 宏了，选择布局空间，7）使用 3D 宏需要为部件添加 3D 宏，然后在原理图中为符号选型，再在 3D 安装板中放置3D 宏。生成的 3D 宏关联到部件后，就可以使用部件创建 3D 布局图，打开布局空间导航器，在项目上点右键新建，创建 3D 电气安装板空间布局。
【3D建模制作技巧分享】3dmax如何设置视图布局
python入门教程学习电子书视频资料
10-17 3046
在学习3dmax时，很多朋友都想要将视图布局设置成适合自己的视图布局。所以今天就来分享怎么在3dmax中设置视图布局，大家感兴趣的话可以看一下！1、打开3dmax，可以看到默认视图为四视图。2、点击视图-视口配置，在弹出的视口配置中点击布局。3、里面有一些视图布局排版，大家可以根据实际情况选择。4、假如你选择第一个视图布局，点击这个视图布局后，可以通过鼠标左键或右键来设置视图，这里选择透视图。5、点击确定，视图布局就设置成功了。
Flex布局3D样式
weixin_44543412的博客
02-21 511
Flex布局3D样式 开发工具与关键技术：前端 作者：盘子 撰写时间：2019年2月14日 3D空间并不仅是简简单单的立体图形，它更能给人带来不同的视觉冲击。相比实体，在一定条件上3D空间还可以透视。下面是个简单的可透视的3D样式，源代码见截图如下： 在此我们可以看到源代码部分很简短，仅用一个大的盒子包裹着几个小盒子，并给它们命不同的类名，再到CSS样式部分给它们设置相关样式。而这个3D样式由f...
Unity3D设置布局
LazyChun的专栏
05-05 6032
可以在这里设置自己喜欢的Unity界面布局： 下拉列表中出现5个可选布局： 2 by 3 4 Split Default Tall Wide 选择自己喜欢的布局，如果想要以后启动时也是这个布局，可点击Save Layout按钮保存布局。 下面浏览一下这5中布局： 2 by 3布局： 4 Split布局： Default布局： Ta
用Three.js实现简单布局的3D房间
热门推荐
Jingqingmo的博客
09-20 2万+
废话不说了，直接上成果图。 代码如下 <!doctype html> <html lang="en"> <head> <title>房间布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, u...
eplan 电箱布局_Eplan3D布局步骤解密
weixin_39668470的博客
12-19 3686
摘要：本文对Eplan3D布局设置的具体操作步骤进行了详细介绍，供使用时参考。一、当然首先要安装软件Pro Panel，EPLAN Pro Panel：面向机箱机柜等柜体的设计软件，即面向电气项目的柜体内部安装布局过程的三维模拟设计。我用的是Eplan2.3，Pro Panel也是2.3的版本，然后打开Eplan可以直接使用3D布局二、要做3D布局，三维图当然是不能少的，Eplan只认stp格式的...
EPLAN Pro Panel 3D布局图
Aran_sun的博客
01-18 1016
1.开始—3D布局空间—筛选器中点击新建–布局空间–命名后保存。3.打开箱柜–选择安装板正面—直接激活—放置线槽和导轨。2.插入–箱柜（根据选型选择合适的尺寸）–确认。最后，根据需要生成连接列表，检查布线是否错误。EPLAN Pro Panel 3D布局图。1.选中安装板–编辑—布线。一、打开3D布局导航器。
eplan 电箱布局_Eplan 的从头到尾完成3D布局步骤说明
weixin_39568133的博客
12-19 1万+
一、首先要安装软件Pro Panel，EPLAN Pro Panel：面向机箱机柜等柜体的设计软件，即面向电气项目的柜体内部安装布局过程的三维模拟设计。我用的是Eplan P8 2.7，Pro Panel也是2.7的版本，然后打开Eplan可以直接使用3D布局。二、做3D布局，三维图当然是不能少的，Eplan只认stp格式的3D图，所以做的3D图都需要导出成stp格式。关于3D图的来源：可以在各大...
3D IC布局布线技术
sinat_41774721的博客
01-25 1636
集成电路设计分为前端设计和后端设计，前端设计主要负责将系统、逻辑与性能的设计要求通过逻辑实现，进行行为级的描述并将其逻辑(RTL)转化为门级网表(Gate Netlist)。集成电路后端设计是指将前端设计产生的门级网表(Gate Netlist)通过EDA软件进行布局布线和进行物理验证并最终产生交代工厂制造用的版图数据(GDSII)文件。流程包含：布局规划、布局、时钟树综合、布线、物理检查(设计规则检查DRC和网表一致性检查LVS)、时序收敛分析(Timing sign-off)等。 3D集成电路是将两层或
EPLAN 3D布局教程
09-13
详细介绍了EPLAN 3D布局教程
电机正反转3D布局.pdf
12-09
Eplan 3D布局示范
Eplan 3D 布局步骤 超详细
08-16
"Eplan 3D 布局步骤 超详细" Eplan 3D 布局的核心是什么呢？答案：部件的 3D 宏主要用来做电气 3D 布局和布线使用。3D 布局只需要用部件的 3D 文件制作成 EPLAN 用的 3D 宏，然后定义放置区域、基准点、安装面、...
EPLAN 3D 布局案例.zw1
07-12
精美3D柜体布局及自动布线路径，内含原理图纸，物有所值，好的话记得评论
Eplan3D布局步骤.doc
10-07
Eplan 3D 布局步骤 Eplan 3D 布局步骤是一种基于三维设计的布局方法，主要应用于机箱机柜等柜体的设计和安装布局过程。下面将详细介绍 Eplan 3D 布局步骤的相关知识点。 一、安装软件 Pro Panel Eplan Pro Panel ...
odoo12中国化财务核算解决方案2.30E (1).pdf
最新发布
07-11
odoo12中国化财务核算解决方案2.30E (1)
个人学习整理的Spark的安装说明.txt
07-11
个人学习整理的Spark的安装说明.txt
厦门大学毕业答辩PPT模板
07-11
【作品名称】：厦门大学毕业答辩PPT模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
光学数据存储设备，前12大企业占据全球58%的市场份额调研数据（2023）.pdf
07-11
QYResearch是全球知名的大型咨询公司，行业涵盖各高科技行业产业链细分市场，横跨如半导体产业链（半导体设备及零部件、半导体材料、集成电路、制造、封测、分立器件、传感器、光电器件）、光伏产业链（设备、硅料/硅片、电池片、组件、辅料支架、逆变器、电站终端）、新能源汽车产业链（动力电池及材料、电驱电控、汽车半导体/电子、整车、充电桩）、通信产业链（通信系统设备、终端设备、电子元器件、射频前端、光模块、4G/5G/6G、宽带、IoT、数字经济、AI）、先进材料产业链（金属材料、高分子材料、陶瓷材料、纳米材料等）、机械制造产业链（数控机床、工程机械、电气机械、3C自动化、工业机器人、激光、工控、无人机）、食品药品、医疗器械、农业等。 邮箱：market@qyresearch.com

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值