今天看到一个同事写的着重号图标，我以为是图片，仔细一看，是span标签！哇！！学习一下哈哈 图标长这样： CSS代码： 页面这样写： 这里用到一个CSS3的新属性 border-radius w3school对border-radius的介绍： 还很贴心的提示了可以为元素添加圆角边框！ 以下源于 参 ...
分类：
Web程序 时间：
2017-08-17 18:31:17
阅读次数：
211
在项目中经常会使用到checkbox复选框，但是浏览器自带的checkbox样式往往不那么好看，而且不同浏览器效果不一样，为了美化和统一视觉需求。我们需要自定义checkbox样式。 1.纯css实现 原理：纯css实现的主要手段是利用label标签的模拟功能。label的for属性可以关联一个具体 ...
分类：
其他好文 时间：
2017-08-17 13:05:10
阅读次数：
276
气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡 ...
分类：
Web程序 时间：
2017-08-15 14:14:56
阅读次数：
180
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者c ...
分类：
Web程序 时间：
2017-08-15 10:26:05
阅读次数：
288
恢复内容开始 在网页中我们经常会遇到手风琴效果，之前经常会用jQuery和JavaScript来写，但今天给大家介绍一种用纯css写的手风琴。 下面是html部分： 下面是css样式： 下面是效果： 这是一种很有用的手风琴，而且可以不用任何的JavaScript和jQuery！！！ 恢复内容结束 ...
分类：
Web程序 时间：
2017-08-11 20:33:08
阅读次数：
312
下载地址：http://download.csdn.net/detail/cometwo/9393614 html文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3外观美丽淡入淡出Tab菜单演示</title> <l ...
分类：
Web程序 时间：
2017-08-06 20:47:24
阅读次数：
250
前言 老规矩，先上 DEMO 和 源码。图片区域是可以点击的，动画会从点击的位置开始发生。 本来这个效果是我3年前做的，只是当是是用无数个 div 标签完成的，性能比较成问题，在移动端完全跑不动。最近心血来潮想学习一个做 CSS 效果很厉害的大神用纯 CSS 实现，无奈功力不够只能放弃，最终选择用 ...
分类：
其他好文 时间：
2017-07-27 14:26:23
阅读次数：
281
这样的简单的开关效果 1、html 2、css ...
分类：
Web程序 时间：
2017-07-26 20:16:21
阅读次数：
883
热点随笔： · 纯 CSS 实现波浪效果！（ChokCoco）· 是什么优化让 .NET Core 性能飙升？（葡萄城控件技术团队）· 程序员装修指南（无知者云）· 记一次sql server 性能调优，查询从20秒至2秒（Emrys5）· 误入前端三年，一个文科生的独白（上）（闰土少年）· ASP ...
分类：
其他好文 时间：
2017-07-24 10:08:54
阅读次数：
149
