[CSS3 @font-face 规则实例 指定名为"myFirstFont"的字体，并指定在哪里可以找到它的URL： @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Lig... ...
分类：
Web程序 时间：
2020-07-12 00:25:56
阅读次数：
86
一、媒体查询用法 @media 媒体查询包含一个可选的媒体类型和，满足CSS3规范的条件下，包含零个或多个表达式，这些表达式描述了媒体特征，最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型，并且所有的表达式的值都是true，那么该媒体查询的结果为true. ...
分类：
其他好文 时间：
2020-07-11 10:02:43
阅读次数：
71
最近被问到一个问题，关于楼层模型可视化，就是想建立一栋楼的模型，然后可以细分看到每一层的区域，可以旋转、移动，我第一时间拿到看到这个问题想到的就是用3D方式，用three.js吧，但是后面又慢慢分析了下，用three稍微有点用牛刀的感觉，然后想能不能简单点，用CSS3的3d属性来解决这个问题。 首先 ...
分类：
其他好文 时间：
2020-07-10 21:19:32
阅读次数：
152
1.通过关联的class样式属性写好css样式 .anim-order{ animation-duration: 500ms; animation-name: addInOrder; animation-timing-function: ease-in-out; } .anim-car{ anima ...
分类：
其他好文 时间：
2020-07-10 15:08:02
阅读次数：
65
animation动画使用 图片上下循环跳转 html代码： <div class="siteicon"> <img src="./siteicon.png" alt=""> <p>点击跳转</p> </div> css代码： @keyframes icon{ 0%{ opacity: 0.8; t ...
分类：
Web程序 时间：
2020-07-07 22:11:21
阅读次数：
159
基于实现元素的展开收缩，通常的想法是通过控制display的元素属性和none之间的切换，虽然说功能可以实现，但是这种展开是没有任何动画的效果，只是单纯的显示与隐藏。例外一种方法就是通过JQuery的slideUp()、slideDown()方法，这是jQuery带有的功能属性，大家都应该很清楚，在 ...
分类：
其他好文 时间：
2020-07-07 00:29:26
阅读次数：
85
new static()是php 5.3添加的延迟静态绑定（后期延迟绑定）功能。 它和new self()的相同点在于都是用来实例化一个类， 但new self()是实例化代码声明时所在的类， 而new static()是实例化调用时所在的类。 事例： class A{ public static ...
分类：
其他好文 时间：
2020-07-06 16:23:06
阅读次数：
45
css3的渐变可以使用2个或者多个指定的颜色之间显示平稳的过渡的效果。这篇文章主要介绍下css3实现背景颜色渐变，文字颜色渐变，边框颜色渐变的方法，以便大家学习参考！ 1、css背景颜色渐变 代码： <style> .content_bg{ width:600px;max-width: 100%;m ...
分类：
Web程序 时间：
2020-07-05 21:29:20
阅读次数：
69
[#rotate2D,#rotate3D { width: 80px; height: 70px; color: white; position:relative; font-weight:bold; font-size:15px; padding:10px; float:left; margin-... ...
分类：
Web程序 时间：
2020-07-05 13:26:25
阅读次数：
120
创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-05 00:17:01
阅读次数：
77
