效果图： 实现代码 <div class="row wrap" style="margin-bottom: 20px; "> <p class = "circleborder circleborderOne"></p> <span class="wraptitle">社保收支统计</span> <p ...
分类：
其他好文 时间：
2017-12-14 16:31:43
阅读次数：
137
一、图标字体的优劣势 优势： 1、轻量性：一个图标字体比一系列的图像要小。一旦图标字体加载了，图标就会马上渲染出来，不需要下载一个图像。可以减少HTTP请求，还可以配合HTML5离线存储做性能优化。 2、灵活性：图标字体可以用过font-size属性设置其任何大小，还可以加各种文字效果，包括颜色、H ...
分类：
其他好文 时间：
2017-12-07 21:09:20
阅读次数：
184
demo：https://controllerone.github.io/demo/ityped/ ...
分类：
Web程序 时间：
2017-11-27 15:21:47
阅读次数：
188
1、CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border：2px solid; box-shadow： ...
分类：
Web程序 时间：
2017-11-25 23:47:11
阅读次数：
379
1.相关方法详解 1)Paint(画笔): 就是画笔,用于设置绘制风格,如:线宽(笔触粗细),颜色,透明度和填充风格等 直接使用无参构造方法就可以创建Paint实例: Paint paint = new Paint( ); 我们可以通过下述方法来设置Paint(画笔)的相关属性,另外,关于这个属性有 ...
分类：
其他好文 时间：
2017-10-18 16:44:59
阅读次数：
188
模仿淘宝上鼠标移动到商品图片时，出现的文字效果。 1、效果图 鼠标移动到粉红色的区域，则出现黄色部分。 2、代码 2017-09-23 ...
分类：
Web程序 时间：
2017-09-24 00:36:20
阅读次数：
218
整理web移动端开发经验，部分内容借鉴于网上的博文。 1、meta标签 2、屏蔽ios点击元素时出现的阴影 3、ios 设置input 按钮样式会被默认样式覆盖 4、长度单位用rem 5、多用text-shadow这个属性，可以美化文字效果 border-radius、box-shadow、grad ...
分类：
移动开发 时间：
2017-09-15 12:22:40
阅读次数：
236
效果图： 原理：多个SVG描边动画使用不同的animation-delay即可！ 对于一个形状SVG元素或文本SVG元素，可以使用stroke-dasharray来控制描边的间隔样式，并且可以用stroke-dashoffset来控制描边的偏移量，借此可以实现描边动画效果，更具体的资料可以看看张大神 ...
分类：
Web程序 时间：
2017-09-04 14:58:32
阅读次数：
194
前言 首先第一步，先布局html代码如下： 上面一看第一个图片img 就是实现图片模糊效果的DOM元素，text-gradient实现的是流彩文字效果的DOM元素，border实现的是边框伸展效果的DOM元素 想一想样式该咋写呢，根据这个布局，我们先来实现图片模糊效果。 图片模糊效果 图片模糊效果要 ...
分类：
Web程序 时间：
2017-08-10 19:47:00
阅读次数：
245
