实现此效果 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><title>Document</title><sty ...
分类：
Web程序 时间：
2018-05-04 14:22:30
阅读次数：
197
我们都知道网页的加载需要一定的时间, 即使我们在努力优化代码执行效率以及压缩文件, 但是还是需要时间啊, 在这段时间内如果表面上不发生任何事情, 用户就会有比较糟糕的体验, 但是如果有一个动画或者一个进度条, 那就完全不一样了, 这篇文章分享纯CSS+HTML加载动画代码 HTML代码如下 CSS代 ...
分类：
Web程序 时间：
2018-04-29 01:26:50
阅读次数：
324
概述 很早以前就在别人的博客上面看到 打字动画 了，觉得非常炫酷，以为是用js做的，找了半天也没找到js在哪里。今天看 "《css揭秘》" ，碰巧看到书上打字动画的实现了，而且是纯css实现的！我参考这本书把代码记录下来，供以后开发时参考，相信对其他人也有用。 代码 书上的css代码是这样的： js ...
分类：
Web程序 时间：
2018-04-26 12:28:32
阅读次数：
233
1 2 3 4 5 6 7 纯CSS导航栏下划线跟随效果 8 9 55 56 57 纯CSS导航栏 58 导航菜单项 59 被划过 60 下划线跟随 61 62 63 ...
分类：
Web程序 时间：
2018-04-26 11:53:23
阅读次数：
175
项目中要实现的效果如图： html代码 及 css代码： 上面代码最终实现的效果比较粗糙： ...
分类：
Web程序 时间：
2018-04-21 19:24:17
阅读次数：
148
会动的小球，设计html,css知识点，另外动画是完全用css做的，很简单便捷哦~这只是一个小小的案例，以后为大家提供更多的案例！！会动的小球<!DOCTYPEhtml>```**<html><head><metacharset="UTF-8"><title>CSS3loading图标</title><
分类：
Web程序 时间：
2018-04-18 12:37:28
阅读次数：
316
刚开始以为用的是字体图标，结果翻了代码一看竟然是通过纯css实现的，图标模式用的是ios，代码如下： 对比图： ...
分类：
其他好文 时间：
2018-04-11 18:13:14
阅读次数：
624
分享一次纯 css 瀑布流 和 js 瀑布流 纯 css 写瀑布流 1.multi-columns 方式： 通过 Multi-columns 相关的属性 column-count、column-gap 配合 break-inside 来实现瀑布流布局。 设置这样的 html 结构： .masonry ...
分类：
Web程序 时间：
2018-04-10 15:12:06
阅读次数：
181
先上张图，如何使用纯 CSS 制作如下效果？ 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦 ...
分类：
Web程序 时间：
2018-04-06 17:35:08
阅读次数：
315
三角形 平行四边形图标 暂停按钮 暂停按钮的实现原理就是边框用border，里面的正方形用outline。因为outline有一个offset属性可以用来设置偏移量，并且是按照比例来的。 其实如果再将outline-offset的值设置小一点，一个加好就出来了 加号 如果再将其旋转，就变成了一个关闭 ...
分类：
Web程序 时间：
2018-03-26 23:40:45
阅读次数：
668
