body{
????????????????font-family:?cursive;
????????????????font-size:?14px;
????????????}
????????????.left{
???????????????...
分类:
Web程序 时间:
2015-03-31 13:09:38
阅读次数:
253
这是一组效果非常炫酷的SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果,这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成,一部分则使用SVG来制作变形动画。
在前面已经发表了一篇关于SVG浮动标签的文章:14种CSS3炫酷表单input输入框美化效果。这篇文章中的浮动标签效果是它的一些补充,在原来14种效果的基础上有增加了12...
分类:
Web程序 时间:
2015-03-20 14:32:52
阅读次数:
200
分享一些常用和创意的导航链接效果。例子中鼠标悬停使用伪元素和动画来创建一个微妙和有现代节奏感的链接效果。注意,伪元素并不是在所有的浏览器都能兼容。使用Chrome和Firefox浏览器观看,效果最佳。在大多数情况下,创建一个简单的链接导航如下html: Beleaguer Lassitude Mur...
分类:
Web程序 时间:
2015-03-19 00:34:10
阅读次数:
149
1 // 清除浮动带来的影响; 2 3 // 方法一:元素后面添加clear:both; 4 // 1.HTML block水平元素底部 5 6 // 不足:造成很多裸露的标签; 7 8 // 2.CSS after伪元素底部生成 9 .clearfix:after ...
分类:
Web程序 时间:
2015-03-13 14:12:22
阅读次数:
133
伪类 伪类与类相似,但又没有类附加标签上。伪类分为UI伪类和结构化伪类。 UI伪类 :link(将样式添加到未被访问的链接上) :visted(将样式已添加到访问的链接上) :hover(将样式添加到鼠标悬浮的元素上) :active(将样...
分类:
Web程序 时间:
2015-03-05 23:50:29
阅读次数:
361
伪类和伪元素是预定义的、独立于文档元素的,它们不是从DOM中获取的,不是基于元素本身特征的(id,类,属性等)。
分类:
Web程序 时间:
2015-03-04 12:55:11
阅读次数:
162
如图所示,Tag标签的制作通常使用背景图片,现在用CSS3代码就能实现尖角效果(需浏览器支持CSS3属性).运用CSS3样式实现尖角标签,只需要写简单的HTML结构和CSS样式. Tag1 Tag2 Tag3 Tag4css主要利用伪元素来实现尖角a{ dispaly:...
分类:
Web程序 时间:
2015-03-02 16:38:58
阅读次数:
183
CSS伪元素用于向某些选择器设置特殊效果。伪元素的用法和伪类相似:selector:pseudo-element {property:value;}CSS类也可以与伪元素配合使用:selector.class:pseudo-element {property:value;}:first-line伪元...
分类:
Web程序 时间:
2015-03-02 14:35:11
阅读次数:
155
如图所示,Tag标签的制作通常使用背景图片,现在用CSS3代码就能实现尖角效果(需浏览器支持CSS3属性).运用CSS3样式实现尖角标签,只需要写简单的HTML结构和CSS样式. Tag1 Tag2 Tag3 Tag4css主要利用伪元素来实现尖角a{ dispaly:...
分类:
Web程序 时间:
2015-03-02 12:44:39
阅读次数:
242
这是一组效果非常炫酷的HTML5 SVG和CSS3鼠标点击按钮特效。这组鼠标点击按钮特效共有22种效果,大多数是在伪元素上使用CSS3
animations来制作动画效果。非常适合于移动手机APP上的按钮触摸特效。
在线演示:http://www.htmleaf.com/Demo/201502121370.html
下载地址:http://www.htmle...
分类:
Web程序 时间:
2015-02-13 14:52:18
阅读次数:
356