有时候制作小程序需要一点动态的效果。 话不多说直接上图看效果。 话说实现方式很简单。 首先准备一张背景图。 然后准备一张波浪图： 下载：点我下载 vue的代码如下： 接着CSS代码如下： 这里的关键就是这段话： ...
分类：
其他好文 时间：
2019-07-30 00:33:29
阅读次数：
81
原文:www.zhangxiyu 一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); ...
分类：
Web程序 时间：
2019-07-19 20:48:10
阅读次数：
135
页面定制CSS代码： 页首Html代码： 页脚Html代码： ...
分类：
其他好文 时间：
2019-07-19 18:49:12
阅读次数：
72
通常在设置绝对定位元素相对于其定位的祖先元素水平垂直居中时，通过绝对定位元素设置margin:auto; top:0; bottom:0; right:0; left:0;就可以实现。下面简单探索一下绝对定位元素这么设置就可以实现水平居中和垂直居中的原理。 核心CSS代码： 绝对定位元素的布局由元素 ...
分类：
其他好文 时间：
2019-07-17 18:30:20
阅读次数：
131
一：层级选择器 主要有以下几种： a b: 即选择a中所有的b元素 a>b：既选择 a中 所有处在第一级且属性为b的孩子 a+b：选择 与a相邻的（在a后面）的b元素 a~b：选择 a的且属性为b的兄弟（不包括a） HTML代码： jQ代码： CSS代码： ...
分类：
其他好文 时间：
2019-07-14 15:20:37
阅读次数：
88
个人头像 在博客侧边公告栏处添加下列代码 背景 在页面定制css代码处 添加下列代码 返回top顶部小火箭 在页脚html代码添加下列代码 ...
分类：
其他好文 时间：
2019-07-14 15:15:05
阅读次数：
138
一：基础选择器参数主要包含了：id,标签名，类，*，还有就是多个选择器共同作为筛选条件的测试 主要测试内容为每个按钮的value html代码： CSS代码： JS代码： ...
分类：
其他好文 时间：
2019-07-14 12:54:21
阅读次数：
77
这个功能在移动端会使用频繁，尤其是在模拟一些选中类交互中。本文以 ReactJS 为例书写，其他框架核心理念一致。主要在于设置 body 的 overflow 属性为 hidden 即可。 设置蒙版的 CSS 代码如下: 页面显示和事件的代码如下： ...
分类：
其他好文 时间：
2019-07-09 00:35:54
阅读次数：
156
今天偷个懒，不长篇大论，分享几个你可能不知道的 CSS 小知识。 样式的顺序 CSS 代码： HTML 代码： HTML 代码： HTML 代码： HTML 代码： 记得之前这是一道比较火的 CSS 考题，当时好像是有不少的人答错（30% 以上） 答案你们应该是知道的。 可以这样提升 CSS 性能 ...
分类：
Web程序 时间：
2019-07-08 16:38:22
阅读次数：
129
整体皮肤样式 选用的是在 SimpleMemory 基础上进行改造。所以注意：引用模板css样式取药取消勾选 将以下样式复制到 页面定制CSS代码 中： 然后在 页首Html代码 中添加： 添加看板萌娘 在 博客侧边栏公告（支持HTML代码）（支持JS代码） 中添加： 注意：如果没有开通js代码权限 ...
分类：
其他好文 时间：
2019-07-06 13:39:57
阅读次数：
102
