码迷,mamicode.com
首页 >  
搜索关键字:伪元素    ( 805个结果
html5+CSS3实现的炫酷超链接特效
今天为大家介绍一个非常炫酷的超链接特效。在你做一些前端的网页时可以在里面去用上这些前卫时尚的效果。这些超链接特性,大都是借助伪元素、svg、HTML5动画来实现的。效果都很漂亮,不信看下面。用你的鼠标悬停在这些链接上,你就能体验和传统链接完全不一样的感觉。当然最重要的一点:你需要使用现代浏览器才能有...
分类:Web程序   时间:2014-09-01 17:15:53    阅读次数:435
利用伪元素:after清除浮动
让页面呈现多列布局时经常会使用 float:left/right ,可是浮动布局会导致父元素的高度为0(未设置高度的情况下),不会根据子元素的高度而变化,另外,后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。#content{background:#000;}.left{width:100p...
分类:其他好文   时间:2014-08-29 12:52:07    阅读次数:279
清除浮动
从各个方面比较,after伪元素闭合浮动无疑是相对比较好的解决方案了,下面详细说说该方法。.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}.clearfix { *zoom:1...
分类:其他好文   时间:2014-08-27 18:28:08    阅读次数:176
伪类与伪元素的区别以及由来
伪类: :first-child :link :hover :active :visited :focus :lang伪元素: :first-line :first-letter :before :after注意:CSS3中伪元素前是两个冒号,如 ::first-lin...
分类:其他好文   时间:2014-08-18 09:14:33    阅读次数:240
CSS伪类和伪元素
一、伪类CSS伪类用于向某些选择器添加特殊的效果,在W3C规范中,CSS伪类有如下几个::active:向被激活的元素添加样式(激活是指点击鼠标那一下):focus:向拥有键盘输入焦点的元素增加样式 :hover:当鼠标悬浮在元素上方时,向元素增加样式:link:向未被访问的链接增加样式:visit...
分类:Web程序   时间:2014-08-15 22:23:39    阅读次数:380
7 个面向Web开发者的实用CSS3教程推荐
通过CSS来创建精细、复杂的效果,成为了Web前端开发的未来趋势。世界各地的设计师认为CSS3是一项非常具有潜力的技术,未来将会创造更多不可思议的美妙设计。本文为Web开发者带来了一些与CSS3相关的教程,通过这些教程,你可以快速、直观地了解到CSS3的强大功能。1. 基于伪元素的CSS按钮在本教程...
分类:Web程序   时间:2014-08-15 17:31:49    阅读次数:245
CSS ::before 和 ::after 伪元素用法
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,...
分类:Web程序   时间:2014-08-12 16:54:04    阅读次数:262
你所不知的 CSS ::before 和 ::after 伪元素用法
本文等效灵感来自编程人生的一篇感悟。CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了tran...
分类:Web程序   时间:2014-08-11 20:40:22    阅读次数:262
CSS 高级:尺寸、分类、伪类、伪元素
CSS 尺寸:允许你控制元素的高度和宽度。同样,还允许你增加行间距。CSS 分类:允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。CSS 伪类:用于向某些选择器添加特殊的效果。CSS 伪元素:用于将特殊的效果添加到某些选择器...
分类:Web程序   时间:2014-08-04 20:56:17    阅读次数:533
CSS中伪类及伪元素用法详解
原文:CSS中伪类及伪元素用法详解伪类的分类及作用:注:该表引自W3School教程伪元素的分类及作用:接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试::active大致效果为用鼠标点击时,元素增加特效,鼠标松开时,特效消失。多用在按钮的点...
分类:Web程序   时间:2014-06-05 14:54:35    阅读次数:394
805条   上一页 1 ... 78 79 80 81 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!