今天为大家介绍一个非常炫酷的超链接特效。在你做一些前端的网页时可以在里面去用上这些前卫时尚的效果。这些超链接特性,大都是借助伪元素、svg、HTML5动画来实现的。效果都很漂亮,不信看下面。用你的鼠标悬停在这些链接上,你就能体验和传统链接完全不一样的感觉。当然最重要的一点:你需要使用现代浏览器才能有...
分类:
Web程序 时间:
2014-09-01 17:15:53
阅读次数:
435
让页面呈现多列布局时经常会使用 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伪类用于向某些选择器添加特殊的效果,在W3C规范中,CSS伪类有如下几个::active:向被激活的元素添加样式(激活是指点击鼠标那一下):focus:向拥有键盘输入焦点的元素增加样式 :hover:当鼠标悬浮在元素上方时,向元素增加样式:link:向未被访问的链接增加样式:visit...
分类:
Web程序 时间:
2014-08-15 22:23:39
阅读次数:
380
通过CSS来创建精细、复杂的效果,成为了Web前端开发的未来趋势。世界各地的设计师认为CSS3是一项非常具有潜力的技术,未来将会创造更多不可思议的美妙设计。本文为Web开发者带来了一些与CSS3相关的教程,通过这些教程,你可以快速、直观地了解到CSS3的强大功能。1. 基于伪元素的CSS按钮在本教程...
分类:
Web程序 时间:
2014-08-15 17:31:49
阅读次数:
245
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,...
分类:
Web程序 时间:
2014-08-12 16:54:04
阅读次数:
262
本文等效灵感来自编程人生的一篇感悟。CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了tran...
分类:
Web程序 时间:
2014-08-11 20:40:22
阅读次数:
262
CSS 尺寸:允许你控制元素的高度和宽度。同样,还允许你增加行间距。CSS 分类:允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。CSS 伪类:用于向某些选择器添加特殊的效果。CSS 伪元素:用于将特殊的效果添加到某些选择器...
分类:
Web程序 时间:
2014-08-04 20:56:17
阅读次数:
533
原文:CSS中伪类及伪元素用法详解伪类的分类及作用:注:该表引自W3School教程伪元素的分类及作用:接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试::active大致效果为用鼠标点击时,元素增加特效,鼠标松开时,特效消失。多用在按钮的点...
分类:
Web程序 时间:
2014-06-05 14:54:35
阅读次数:
394