创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-10 00:09:31
阅读次数：
86
创建剪切动画 对于剪切动画，使用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
成为专业程序员路上用到的各种优秀资料、神器及框架 成为一名专业程序员的道路上，需要坚持练习、学习与积累，技术方面既要有一定的广度，更要有自己的深度。 JavaScript 的数据结构与算法（一）——栈和队列 JavaScript 的数据结构与算法（一）——栈和队列 javaScript 的数据结构与 ...
分类：
Web程序 时间：
2020-06-10 23:03:13
阅读次数：
102
Css Secret 案例全套 github地址 案例地址 去年买了一本CSS揭秘的css专题书，该书揭示了 47 个鲜为人知的 CSS 技巧，主要内容包括背景与边框、形状、 视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。去年买入时，就决定将里面所有Demo案例全部撸一遍，作为自己2018 ...
分类：
Web程序 时间：
2020-06-05 00:43:11
阅读次数：
78
昨天用html5写了一个手机密码锁界面，中途碰到一些小问题，解决了后总结了一些小方法来和大家一起分享，如果有不成熟的地方希望大家指出来，大家有更好的方法我也很乐意倾听哦~好啦，不说那么多啦，先附上一张页面截图，我们再来分析分析吧~ 这是一个很简单的手机密码锁界面，主要由3部分组成，我在html里先建 ...
分类：
移动开发 时间：
2020-05-08 13:20:58
阅读次数：
81
通过CSS的滤镜来控制页面的显示 滤镜效果 将图像转换为灰度图像 Filter 函数 注意: 滤镜通常使用百分比 (如：75%), 当然也可以使用小数来表示 (如：0.75)。 | Filter | 描述 | | : | : | | none | 默认值，没有效果。 | | blur( px ) | ...
分类：
Web程序 时间：
2020-04-05 20:45:55
阅读次数：
103
（1）知道子元素的宽高 <!--父元素相对定位--> <!--子元素绝对定位--> .child{ position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-50px; } （2）不考虑子元素的宽高 <!--父元素不能有 ...
分类：
Web程序 时间：
2020-03-12 14:08:21
阅读次数：
98
CSS 选择符优先级!important 声明＞内联样式（style）＞id 选择符（#id）＞类选择符（.class）＝伪类选择符（:hover ）＝属性选择符（[attr] ）＞类型选择符（标签）＝伪元素选择符（:first-child）sticky 定位问题sticky 定位的元素受父级块级元... ...
分类：
Web程序 时间：
2020-02-02 12:05:36
阅读次数：
85
原文:CSS 技巧一则 -- 在 CSS 中使用三角函数绘制曲线图形及展示动画 最近一直在使用 css-doodle 实现一些 CSS 效果。 css-doodle 是一个基于 Web-Component 的库。允许我们快速的创建基于 CSS Grid 布局的页面，以实现各种 CSS 效果（或许可以... ...
分类：
Web程序 时间：
2019-11-23 09:49:23
阅读次数：
95
1.利用 CSS 的伪类中的content属性获取attr中的信息 效果图：鼠标放上去出现提示 css代码： html代码： ...
分类：
Web程序 时间：
2019-03-16 23:37:11
阅读次数：
238
