threejs设置阴影有三个注意点 1.只有支持阴影的灯光才可以 pointLight，spotlight，directionallight 2.添加摄像机辅助器 THREE.CameraHelper 查看阴影摄像机的相关设置 light.shadow.camera.left //此四项值为阴影投射 ...
分类：
Web程序 时间：
2020-02-28 13:53:21
阅读次数：
118
为什么要用flex 基于css3简单方便，更优雅的实现，浏览器兼容性好，传统的css实现一个div居中布局要写一堆代码，而现在几行代码就搞定了，没有理由不用flex。 兼容性： Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, An ...
分类：
其他好文 时间：
2020-02-28 12:17:36
阅读次数：
72
Mac去掉截屏图片边框外阴影效果 一次命令行：defaults write com.apple.screencapture disable-shadow -bool true;\killall SystemUIServer 回车 两次命令行：defaults write com.apple.scre ...
分类：
系统相关 时间：
2020-02-28 12:16:20
阅读次数：
69
html部分： <div class="mode"> <p class="hu"></p> <p class="z" id="z"></p> <p class="center"></p></div> css部分： //可以采用@keyframes结合animation 或者直接js控制c3 动态控制 ...
分类：
Web程序 时间：
2020-02-27 17:32:54
阅读次数：
98
本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transition transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状态间的平滑过渡（补间动画），经常用来制作动画 ...
分类：
Web程序 时间：
2020-02-27 00:32:00
阅读次数：
115
动效设计一直都是最近几年前端开发的热门趋势之一。动画是Web和UI设计的主要内容。一个完全静止的网站，即使是使用了微妙的悬停状态，也可能感觉不一样。如果缺少动画，就像缺少必要的东西一样。幸运的是，有很多方法可以为你的网站添加动画。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些工具也正在成为越来越多设计项目中不可或缺的催化剂。WebGL，JavaScript甚至HTML5都支持或
分类：
Web程序 时间：
2020-02-26 16:44:49
阅读次数：
82
最近，项目中遇到这样的问题。 要给这个tab的底部蓝线左右加上圆角。 然而，这个元素确实如上图所示，只是active的时候加了个underline的类，蓝线并没有单独的html。 若给这个span加上border-bottom-left-radius和border-bottom-right-radi ...
分类：
Web程序 时间：
2020-02-24 18:16:54
阅读次数：
104
参考 博客 1、 "中高级前端面试题（万字长文）" 2、 "大前端吊打面试官系列" 资料 1、 "HTML 5 教程" 2、 "CSS3 教程" 3、 "JavaScript 教程" 收费小册 "前端面试之道" 注：某大佬这本收费小册干货很多，有些参考其中的问题，就不列答案了。 写在前面的话 因为一 ...
分类：
其他好文 时间：
2020-02-24 12:45:16
阅读次数：
69
目录： 1.立方体2.动画3.设置动画的一些属性4.案例：无缝滚动5.web字体6.弹性布局7.多列布局8.弹性布局9.案例：伸缩盒子的flex属性的应用案例（菜单个数不限）10.伸缩盒子的align-items属性 设置侧轴对齐方式11.案例：伸缩盒子，宽高自适应 1、立方体 *transform ...
分类：
Web程序 时间：
2020-02-24 10:00:12
阅读次数：
71
CSS中一共有五种定位： position：static；默认值 position：absolute；绝对定位 position：relative；相对对定位 position：fixed；固定定位 position：sticky；粘性定位 其中，粘性定位是CSS3新增加的 兼容性比较差 定位的作用 ...
分类：
Web程序 时间：
2020-02-24 00:42:20
阅读次数：
87
