这是一个相当炫的功能，让网页看起来像桌面程序，如window的开始菜单。实现原理基本和纯CSS相册差不多，但要注意的事项比较多，让我们一步步来吧。先来一个非常简单的一级菜单与悬停效果。<ulid="menu"><li><ahref="http://www.cnblogs.com/rubylouvre/">菜单一<!--小图--><span>
分类：
Web程序 时间：
2019-10-31 00:20:28
阅读次数：
133
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>叮当猫</title> <link rel="stylesheet" type="text/css" href="../css/ddm.css"> </head> <body> <... ...
分类：
Web程序 时间：
2019-10-24 19:59:39
阅读次数：
90
这篇博将分享几种纯 css 写的网页导航效果，但在正文开始之前，想跪谢腾讯开发【QQ for Mac 5.3.0或更高版本】自带的 🎊 录屏功能 🎊 向大佬低头 🎊🎊command + control + R 快捷录屏，保存为 gif 格式。酱紫一来就能更完美的展现页面效果噜～ ( ?? .... ...
分类：
Web程序 时间：
2019-10-17 18:04:11
阅读次数：
166
HTML代码如下所示：index.html 对应CSS代码：index.css 原生js修改样式，如需配合React 或者View，则还需要改装 大致样式如下： ...
分类：
Web程序 时间：
2019-10-07 00:33:21
阅读次数：
107
纯CSS写的一个动态效果，开始看着这个不知道怎么写的，实际上上是小盒子里面有一个大盒子，使用定位和动画完成的 ...
分类：
其他好文 时间：
2019-10-06 16:26:45
阅读次数：
81
1、用纯css创建一个三角形的原理： .demo{ width:0; height: 0; border: 5px solid transparent; border left color: red; } 2、为什么要初始化css样式 不同的浏览器堆标签的默认值是不同的，如果没有对css初始化往往会 ...
分类：
Web程序 时间：
2019-09-26 10:01:16
阅读次数：
92
不同的项目中对于等待加载时转圈圈的样式是不同的，有的是传统的转圈的gif图片，见得比较多的是将转圈圈的换成了可爱的图标。有时候项目中加入等待加载的图片会很违和，不符合美观，所以需要用CSS做一个。下面是一个纯CSS实现转圈样式的例子。 ...
分类：
Web程序 时间：
2019-09-22 11:05:39
阅读次数：
127
//控制表格滑动 table tbody { display:block; height:450px; overflow-y:scroll; } //固定表头 table thead, tbody tr { display:table; width:100%; table-layout:fixed; ...
分类：
Web程序 时间：
2019-09-18 09:19:07
阅读次数：
199
好程序员web前端学习路线分享纯css绘制各种图形，很多时候，UI设计师为了页面的好看，都会采用很多图形去做装饰，比如三角形、矩形、圆形、椭圆形、对话泡泡等，让整个页面看起来不会太单调。作为前端开发更多的时候，会采用比较快捷的实现方式就是用图片或者背景图来实现页面效果，但是有一个很大的问题就是图片可 ...
分类：
Web程序 时间：
2019-09-05 18:42:55
阅读次数：
115
