下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。 1.前言 由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点： 动画自由度：canva ...
分类：
Web程序 时间：
2020-12-15 12:33:27
阅读次数：
4
css3选择器分类 CSS3选择器分类如下图所示 选择器的语法 1.基本选择器 类型 代码 功能描述 通配选择器 *{ margin: 0; padding: 0; border: none; } 选择文档中所有HTML元素 元素选择器 body { background: #eee; } 选择指定 ...
分类：
Web程序 时间：
2020-12-15 11:59:22
阅读次数：
3
一. 如何在Vue或React项目中使用自定义字体 在开发前端项目时，经常会遇到UI同事希望在项目中使用一个炫酷字体的需求。那么怎么在项目中使用自定义字体呢？ 其实实现起来并不复杂，可以借用CSS3 @font-face 来实现。 本文着重介绍一下 webpack 项目如何正确打包引入的自定义字体。 ...
分类：
Web程序 时间：
2020-12-15 11:50:34
阅读次数：
4
注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gray; overflow: auto;"> <div style="width ...
分类：
Web程序 时间：
2020-12-07 11:57:04
阅读次数：
8
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式 CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)两部分组成。 弹性容器通过设置 display 属性的值为 flex 或 inline‐flex将其定义为弹性 ...
分类：
其他好文 时间：
2020-12-04 11:45:31
阅读次数：
16
RoundShadowImageView RoundShadowImageView 是1个为圆形图片的ImageView添加阴影的自定义控件. GitHub RoundShadowImageView 为什么写这个库 Android未提供现成的工具,自定义控件阴影的颜色 开源社区中现有的库,使用了Vi ...
分类：
其他好文 时间：
2020-11-30 15:32:07
阅读次数：
6
这篇文章主要介绍了CSS3 实现倒计时效果的示例代码，帮助大家更好的理解和使用CSS3，感兴趣的朋友可以了解下 实现效果 html 1 %div.wrapper 2 %div.time-part-wrapper 3 %div.time-part.minutes.tens 4 %div.digit-w ...
分类：
Web程序 时间：
2020-11-25 13:01:13
阅读次数：
24
使用translate控制元素二维移动： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; box-sizing ...
分类：
Web程序 时间：
2020-11-16 13:51:56
阅读次数：
19
效果一： 代码：<div class="cornerCut">corner cutcorner cutcorner cutcorner cut</div> CSS： .cornerCut{ width:200px; margin: 10px 20px; height: 200px; backgrou ...
分类：
Web程序 时间：
2020-11-16 13:25:44
阅读次数：
29
奥法之劫 (offa) 题目信息 时间限制：$1800 \texttt$。 空间限制：$512 \texttt$。 本题使用文件输入输出。 输入文件名：offa.in。 输出文件名：offa.out。 题目背景 你很清楚地知道一颗小小的鹅卵石也会引起山崩。同样地，一次单纯的背叛居然引发 了魔法瘟疫， ...
分类：
其他好文 时间：
2020-11-11 16:45:38
阅读次数：
17
