动态背景 利用多层背景的交替淡入淡出，实现一种背景在不停变换的效果，先看图。 效果图： DEMO地址 步骤 1.利用css的radial-gradient创建一个镜像渐变的背景。当中的80% 20%为渐变中心的x,y位置。 详细的radial-gradient使用方法能够參见这里 .dynbg__b ...
分类：
Web程序 时间：
2017-06-28 20:20:25
阅读次数：
287
1 div{ 2 background: pink; /*不支持渐变色的浏览器*/ 3 background: -webkit-gradient(linear,0 0,0 100%,from(red) ,to(blue)); 4 background: -moz-linear-gradient(to ...
分类：
其他好文 时间：
2017-06-26 19:09:08
阅读次数：
117
感谢 LeaVerou 大神，让我们可以提前使用上这么美妙的属性。 conic-gradient 是个什么？说到 conic-gradient ，就不得不提的它的另外两个兄弟： linear-gradient : 线性渐变 radial-gradient : 径向渐变 说这两个应该还是有很多人了解并 ...
分类：
其他好文 时间：
2017-06-26 12:51:24
阅读次数：
523
最近有个要要实现以下的小功能的需求，话说我也该吐槽以下这个和.9png相比我觉得这两个不知道闹那样的，不过这两种都能实现以下的小需求 其中listview中搜索历史记录的半角边框，是用自定义边框做的 只需要在该listview中所设置的adapter中的view中的layout里面添加backgro ...
分类：
其他好文 时间：
2017-06-26 00:41:47
阅读次数：
155
分享 示例图片 示例图片 在CSS3之前，想要实现示例图片这样的一个倒影效果一般只能通过处理图片的方式，而CSS3问世之后，想要实现这样的效果变得非常简单，只需一个CSS3属性就可以轻松实现了。 这就是今天所要提到的box-reflect属性。 咱们先看看W3C给出的box-reflect语法： b ...
分类：
Web程序 时间：
2017-06-26 00:01:28
阅读次数：
295
5.背景线性渐变:background-gradient (1)linear:线性渐变， 谷歌浏览器:(webkit) background:-webkit-gradient(linear ,0 0,0 80% , from(#fff), to(#000));(水平渐变) background:-w ...
分类：
Web程序 时间：
2017-06-25 13:16:40
阅读次数：
180
Backpropagation is a training algorithm used for a multilayer neural networks, it allows for efficient computation of the gradient. The backpropagatio ...
分类：
其他好文 时间：
2017-06-23 15:45:07
阅读次数：
134
前端页面细节处理好了才会显得精致。边框在网页中是常见的一种样式了。虽然不把它处理为0.5px看上去没毛病，但是想让你做的东西征服更多的人，这些细节处理是必须的。 今天主要说一下如何让边框显示0.5px的方法： 方法一：利用渐变 关于渐变可以看下面两篇文章做深入了解： CSS3 渐变（Gradient ...
分类：
Web程序 时间：
2017-06-23 10:22:27
阅读次数：
165
1.阴影：box-shadow:none(无阴影) inset(显示阴影在里面)，写法：box-shadow:inset/outset(外阴影) px(阴影水平偏移值) px(阴影垂直为负) px(阴影模糊值不为负) color； 总结：三个数值时，阴影的外延值就不存在了；两个数值时，阴影的模糊度和 ...
分类：
Web程序 时间：
2017-06-22 19:41:25
阅读次数：
176
body{background: black radial-gradient(circle farthest-side at calc(var(--mouseX, 1) * 1px) calc(var(--mouseY, 1) * 1px), hsl(var(--mouseX, 5), 75%, 7... ...
分类：
Web程序 时间：
2017-06-22 13:29:44
阅读次数：
194
