今天我们要来分享一款基于纯CSS3的自定义边框应用，看上去它像一个Tooltip控件，因为下边框有一个小三角，就像很多地方的引用文本框一样。另外这款CSS3边框是涂鸦风格的，看起来很有个性。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。下面我们来分享一下实现的方法，主要由HTML...
分类：
Web程序 时间：
2016-01-13 12:25:42
阅读次数：
273
今天我们要来分享一款基于纯CSS3的自定义边框应用，看上去它像一个Tooltip控件，因为下边框有一个小三角，就像很多地方的引用文本框一样。另外这款CSS3边框是涂鸦风格的，看起来很有个性。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。下面我们来分享一下实现的方法，主要由HTML...
分类：
Web程序 时间：
2016-01-13 09:16:43
阅读次数：
142
今天要分享一款纯CSS3实现的社会化分享按钮，它放置在网页的顶部，你可以选择将它固定在网页顶部，这样对用户分享内容就十分方便。这些社会化分享按钮的图标文件来自google和bootstrap的字体文件，包含了个大社交网站的logo图标，可以先来看看效果图：看起来非常不错吧，非常特别的外观，图标也比较...
分类：
Web程序 时间：
2015-12-29 08:41:17
阅读次数：
143
今天我们来分享一款利用纯CSS3实现的3D按钮，这款按钮的一个特点是有彩色的边线，这让整个按钮显得比较多姿多彩，没那么枯燥无趣。本文不仅可以让大家看到演示效果，而且我们把制作教程也分享出来，首先来看看效果图：我们也可以在这里看到这些按钮的DEMO演示。接下来就来分享一下制作教程以及源代码，按钮的源代...
分类：
Web程序 时间：
2015-12-28 09:07:55
阅读次数：
163
今天，我想展示给你一个巧妙的花招。我们将创建一个纯CSS3文本图标。更让人震惊的是，这效果将只需要一个HTML元素。游戏的计划创建一个矩形盒子设置圆角使用伪类元素创建一个卷角效果通过梯度渐变创建文本效果让我们开始吧！第一步：创建盒子让我们加入唯一的HTML元素：一个锚标签。这是有理可依，因为大多数的...
分类：
Web程序 时间：
2015-12-26 18:28:41
阅读次数：
179
今天同事说要做一个U型进度条的效果。本打算上网找一个，结果找了一个纯CSS3打造的，不过最坑人的是他把进度条从1到100，挨个设置了CSS属性。这不得活活累死宝宝~~~~~~~~~~~~~~。于是我就用Less写了一个简单的，主要是封装了循环，生成了100个属性。封装循环的代码如下@angle: 3...
分类：
其他好文 时间：
2015-11-28 01:04:03
阅读次数：
188
这是一款效果非常酷的纯CSS3全屏3D立方体旋转展示幻灯片特效。该幻灯片使用全屏的3D立方体作为slide的载体，通过上下导航按钮，可以垂直旋转立方体，将立方体各个面上的幻灯片图片展示出来，效果非常炫酷。在线预览源码下载使用方法HTML结构该幻灯片的立方体结构使用的是一个无序列表来制作，每一个元素是...
分类：
Web程序 时间：
2015-11-09 09:23:42
阅读次数：
259
大家已经见惯了用CSS3画的图标、LOGO、头像，这次台湾同学Rei给我们带来了用纯CSS3绘制的日本动漫《轻音少女》女主角秋山澪的动态头像。看到动图我震惊了！！！CSS3的强大再次霸气测漏！ 示例中用到的主要CSS3特性如下： border-radius：绘制边框圆角。 tran...
分类：
Web程序 时间：
2015-11-03 17:29:30
阅读次数：
219
效果就像这样： 不废话，直接上代码！ hrml代码： 纯CSS3画出小黄人并实现动画效果 ...
分类：
Web程序 时间：
2015-10-15 22:14:05
阅读次数：
406
纯CSS3实现的各种阴影效果http://www.999jiujiu.com/CSS drop-shadows without images Lifted corners Curled corners Perspective ...
分类：
Web程序 时间：
2015-10-03 09:29:33
阅读次数：
466
