码迷,mamicode.com
首页 >  
搜索关键字:伪元素    ( 805个结果
CSS3伪元素之Before/After
body{ ????????????????font-family:?cursive; ????????????????font-size:?14px; ????????????} ????????????.left{ ???????????????...
分类:Web程序   时间:2015-03-31 13:09:38    阅读次数:253
12种超酷HTML5 SVG和CSS3浮动标签效果
这是一组效果非常炫酷的SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果,这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成,一部分则使用SVG来制作变形动画。 在前面已经发表了一篇关于SVG浮动标签的文章:14种CSS3炫酷表单input输入框美化效果。这篇文章中的浮动标签效果是它的一些补充,在原来14种效果的基础上有增加了12...
分类:Web程序   时间:2015-03-20 14:32:52    阅读次数:200
css3创建导航链接效果集锦滑动文字变颜色
分享一些常用和创意的导航链接效果。例子中鼠标悬停使用伪元素和动画来创建一个微妙和有现代节奏感的链接效果。注意,伪元素并不是在所有的浏览器都能兼容。使用Chrome和Firefox浏览器观看,效果最佳。在大多数情况下,创建一个简单的链接导航如下html: Beleaguer Lassitude Mur...
分类:Web程序   时间:2015-03-19 00:34:10    阅读次数:149
CSS--清除浮动
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
CSS中的伪类和伪元素
伪类 伪类与类相似,但又没有类附加标签上。伪类分为UI伪类和结构化伪类。 UI伪类 :link(将样式添加到未被访问的链接上) :visted(将样式已添加到访问的链接上) :hover(将样式添加到鼠标悬浮的元素上) :active(将样...
分类:Web程序   时间:2015-03-05 23:50:29    阅读次数:361
CSS伪类与伪元素漫谈
伪类和伪元素是预定义的、独立于文档元素的,它们不是从DOM中获取的,不是基于元素本身特征的(id,类,属性等)。
分类:Web程序   时间:2015-03-04 12:55:11    阅读次数:162
CSS3之尖角标签
如图所示,Tag标签的制作通常使用背景图片,现在用CSS3代码就能实现尖角效果(需浏览器支持CSS3属性).运用CSS3样式实现尖角标签,只需要写简单的HTML结构和CSS样式. Tag1 Tag2 Tag3 Tag4css主要利用伪元素来实现尖角a{ dispaly:...
分类:Web程序   时间:2015-03-02 16:38:58    阅读次数:183
(六)CSS伪元素
CSS伪元素用于向某些选择器设置特殊效果。伪元素的用法和伪类相似:selector:pseudo-element {property:value;}CSS类也可以与伪元素配合使用:selector.class:pseudo-element {property:value;}:first-line伪元...
分类:Web程序   时间:2015-03-02 14:35:11    阅读次数:155
CSS3之尖角标签
如图所示,Tag标签的制作通常使用背景图片,现在用CSS3代码就能实现尖角效果(需浏览器支持CSS3属性).运用CSS3样式实现尖角标签,只需要写简单的HTML结构和CSS样式. Tag1 Tag2 Tag3 Tag4css主要利用伪元素来实现尖角a{ dispaly:...
分类:Web程序   时间:2015-03-02 12:44:39    阅读次数:242
CSS3和SVG炫酷鼠标点击按钮效果
这是一组效果非常炫酷的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
805条   上一页 1 ... 72 73 74 75 76 ... 81 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!