-
如何只在IE上加载CSS样式表
所属栏目:[教程] 日期:2020-03-29 热度:63
前言:IE一直是特殊的一个浏览器,我们可以使用一些方法来指定样式表只在IE浏览器下被加载。 IE9以及低于IE9版本 : 可以使用条件注释语句来加载特定于ie的样式表。如下所示,使用外部样式表。 !--[if IE] link rel=stylesheet type=text/css href=http://w[详细]
-
css 11种方法实现一个tips带有描边的小箭头
所属栏目:[教程] 日期:2020-03-29 热度:184
副标题#e# 我们在网页开发中实现一个tips时会有一个小箭头,实现这种方法的文章网上已经泛滥了,但有时实现这个小箭头不止只有单纯的三角它还有描边,今天我们就借那些现有的文章在深入一点来说说如何给tips小箭头描边,本章不涉及svg/canvas,没必要因为我[详细]
-
使用CSS的border属性绘制各种几何形状的方法
所属栏目:[教程] 日期:2020-03-29 热度:61
副标题#e# border 边框属性可以说是我们在网页布局中最常用不过的一个属性之一。 border 它不只是边框,它还有很多非常有用的黑魔法哈,让我们一起来学习一下。 border绘制几何形状的原理 我们先来看一个简单的小例子: 在页面上写一个 div div class=borde[详细]
-
css3 flex实现div内容水平垂直居中的几种方法
所属栏目:[教程] 日期:2020-03-29 热度:111
副标题#e# 一、flex-direction: (元素排列方向) ※ flex-direction:row (横向从左到右排列==左对齐) ※ flex-direction:row-reverse (与row 相反) ※ flex-direction:column (从上往下排列==顶对齐) ※ flex-direction:column-reverse (与column[详细]
-
css3媒体查询中device-width和width的区别详解
所属栏目:[教程] 日期:2020-03-29 热度:108
定义:定义输出设备的屏幕可见宽度。 不管你的网页是在safari打开还是嵌在某个webview中,device-width都只跟你的设备有关,如果是同一个设备,那么他的值就不会变。 比如iphone6的device-width*device-height为375*667,而跟他的dpr等无关。 2.width 定义[详细]
-
CSS 漂亮搜索框美化代码
所属栏目:[教程] 日期:2020-03-29 热度:166
效果图: 实现这种效果有两种方法:一是整体处理一个背景,以透明gif图的方式定位到搜索框,或者切分开,这种方法加载快,而且灵活性更高。 文中用到的图片 提示:您可以先修改部分代码再运行[详细]
-
css3 中translate和transition的使用方法
所属栏目:[教程] 日期:2020-03-29 热度:182
translate和transition一直让我觉得,很牛皮很强大,怎么也学不会,其实是自己比较抗拒去了解她,接口看了不到半个小时的文档,大概了解了下,下面是示例,可以下载下来自己运行下试试 !DOCTYPE htmlhtmlhead titletranslate和transition/title/headbodyst[详细]
-
浅析CSS3 中的 transition,transform,translate之间区别和作用
所属栏目:[教程] 日期:2020-03-29 热度:126
transform 和 translate transform指变换、变形,是css3的一个属性,和其他width,height属性一样 translate 是transform的属性值,是指元素进行2D变换,2D变换就是指,元素以当前位置(0,0)按照x轴的方向移动多少,按照y轴的方向移动多少 例如: transfo[详细]
-
新冠病毒的影响会引发VR的新一轮热潮吗?
所属栏目:[教程] 日期:2020-03-29 热度:75
副标题#e# “本文整理自微信公众号「NeXTSCENE」(ID:theNeXTSCENE),翻译/排版Joy,原标题《冠状病毒的影响会引发虚拟现实的新一轮热潮吗?》 文章作者Rizwan Virk,麻省理工学院游戏实验室(Play Labs @ MIT)的创始人,同时是《仿真假设》(The Simulati[详细]
-
全球首款8K口袋全景相机,QooCam 8K让你随心拍摄
所属栏目:[教程] 日期:2020-03-29 热度:142
副标题#e# QooCam 8K是全球首款8K口袋全景相机,于2019年11月7日由深圳看到科技正式在北京发布。QooCam 8K全景相机通过软硬件创新,突破诸多技术限制,其卓越性能全方位超越行业水准,重新定义VR相机新标准。 打开外包装盒,可以看到一个烫金的LOGO以及“KA[详细]
-
河图首发P40?大神点评苹果和华为的XR路径
所属栏目:[教程] 日期:2020-03-29 热度:152
虽然并未官宣,但种种迹象表明,在北京时间3月26日21点的华为P40系列全球线上发布会上,除了全新P40系列手机,华为“河图”(Cyberverse)或将首发P40系列。 此前不久,华为大神级科学家——华为Fellow Cyberverse总工程师、Camera总工程师罗巍在微博中称[详细]
-
中国联通正式推出XR内容开发者孵育计划
所属栏目:[教程] 日期:2020-03-29 热度:126
2020年3月26日,由中国联通、中国传媒大学成果转化中心/动画学院主办的「XR内容生态论坛暨XR内容开发者孵育计划发布」在线上举办。 作为「共振行动2020 5G终端产业链新生态合作线上系列活动」之一的本次论坛以“XR星秀,穿越未来”为主题,分为主题演讲、[详细]
-
一年关掉4400个门店,预亏21亿,国产第一女装品牌瘦身求生
所属栏目:[教程] 日期:2020-03-29 热度:185
副标题#e# 图片来源@视觉中国 文 | 新商业要参(ID:xinshangye2016),作者 | 黄晓军 17年,可以视其为一个“拉夏贝尔周期”。 英文名都想好了,LaChapelle Cycle。 2003年,服装行业在非典疫情期间遭受重创。当年第二季度服装鞋帽零售同比增速下滑了12.4[详细]
-
Nibiru方案入选南京工信局首批“助力疫情防控和复工复产”推荐产品目录
所属栏目:[教程] 日期:2020-03-29 热度:80
▲南京市工信局“技术产品助力疫情防控和复工复产”首批推荐目录 面对疫情,Nibiru 发布 Creator + 线下商业综合体打造在线虚拟购物方案、XR “蜂巢” 多人协作方案,两方案均入选南京市工业和信息化局发布的首批“技术产品助力疫情防控和复工复产”推荐目[详细]
-
苹果ARKit平台正式支持USDZ格式文件
所属栏目:[教程] 日期:2020-03-29 热度:101
在苹果举办的WWDC 2018大会上,当iOS 12系统正式亮相时,苹果还发布了一种专门用于AR和ARKit的新文件格式——USDZ。近日,3D模型平台Sketchfab宣布完全支持该格式,并为此解锁了数百万个模型。 Sketchfab 3D模型库当前共发布了400000个USDZ格式文件,用户[详细]
-
诺基亚通过5G功能增强全球物联网网络网格服务
所属栏目:[教程] 日期:2020-03-29 热度:163
近期,诺基亚宣布将通过新的5G功能增强其全球物联网网络网格(WING)管理服务,使移动运营商能够在不建立自己网络的情况下为客户提供全球范围的5G物联网服务。 像AT&T和Verizon等运营商希望为商业客户提供将小型物联网传感器连接到Internet的能力,但不一[详细]
-
日本各大顶级运营商推出5G商业服务时间表
所属栏目:[教程] 日期:2020-03-29 热度:71
尽管日本运营商最初计划在2020东京奥运会召开之前推出5G网络服务,但贸易战和全球5G的加速推进给日本商用5G的发布范围和时间带来了一些不确定性。近来由于受新冠病毒疫情的影响,2020东京奥运会是否能如期召开一度成为人们讨论焦点,随着国际奥委会在3月24[详细]
-
苹果正在用类似Vive Focus的控制器测试AR应用
所属栏目:[教程] 日期:2020-03-29 热度:148
最近几年,苹果对AR(增强现实)技术表现出了浓厚的兴趣,不仅库克多次表示未来的发展核心就是AR,还通过ARKit和RealityKit等开发平台,Reality Composer和Reality Converter等创新工具,以及配备了LiDAR激光雷达的新iPad Pro和部分iPhone 12机型等硬件全[详细]
-
五周年之后的新征途:专访0glasses创始人苏波
所属栏目:[教程] 日期:2020-03-29 热度:152
副标题#e# 就在上周,国内领先的AR/MR硬件企业深圳增强现实技术有限公司(0glasses)迎来了自己的五周岁生日。对于一家XR行业的创业公司而言,五周年可以算作是一个承上启下的里程碑。在这个值得纪念的时间点,我采访了0glasses的创始人与CEO苏波,而我们交[详细]
-
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
所属栏目:[教程] 日期:2020-03-29 热度:148
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。 方法1:计算滚动条宽度并隐藏起来 在本站的侧栏,你可以看到[详细]
-
CSS3 不定高宽垂直水平居中的几种方式
所属栏目:[教程] 日期:2020-03-29 热度:53
.father {display: flex;justify-content: center;align-items: center;} 这种方式兼容性不好 2、position + transform .son {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} IE9以下不支持transform属性 3、table + table-ce[详细]
-
ie中出现的jquery.form.js拒绝访问,input上传按钮必须主动点击的问题
所属栏目:[教程] 日期:2020-03-29 热度:171
下面先给大家看下代码 form id=uploadFileForm2 name=uploadFileForm2 enctype=multipart/form-data method=postdiv class=upload-wapper mt20input type=file name=excelfile id=dataFile class=dataFile accept=application/vnd.openxmlformats-officedo[详细]
-
用CSS遮罩实现过渡效果的示例代码
所属栏目:[教程] 日期:2020-03-28 热度:183
副标题#e# 今天我们展示如何用CSS遮罩创建一个有趣又简单但吸引人的过渡效果。与裁剪一样,遮罩是另外一种定义可见性和元素组合的方式。在下面的教程中,我们将向你展示如何应用新属性实现现代转换效果。我们将使用steps()和位于图片之上的PNG实现一个有趣[详细]
-
使用 CSS3 中@media 实现网页自适应的示例代码
所属栏目:[教程] 日期:2020-03-28 热度:140
如今,电脑显示器的屏幕分辨率向越来越大发展,而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站,开始让自己的页面自适合各种分辨率,在小分辨率下显示基本的内容,在大分辨率下显示全部功能,甚至是分多等级的多版本。 一、CSS2 中的@me[详细]
-
css3 给背景设置渐变色的方法
所属栏目:[教程] 日期:2020-03-28 热度:55
css 给网页中的背景设置渐变色,css的渐变颜色可以指定固定的两个颜色之前的线性过度,这个css3属性只支持高版本的浏览器。 //浏览器前缀background: linear-gradient(red, blue);background: -webkit-linear-gradient(red, blue);background: -o-linear-g[详细]
