以前有些阴影效果总觉得非得切图才能实现,现在结合css3和伪类也能达到不错的效果。 http://jsbin.com/ElIjeGi/1/edit .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height:200px; b
本篇文章主要讲述CSS3 transition规范和在不同浏览器之间的使用差异,关于具体解决方法或如何规避问题的意见可以参考另一篇非常有见地的文章,All You Need to Know About CSS Transitions。Ale
今天我们一起来看看如何创建一个实用并且功能强大的表单,表单使用如今最热门的技术HTML5和css3来创建,并且可以通过HTML5进行客户端验证。 第一步:策划表单功能 首先,我们得为我
今天为大家分享一些用css3写出来的创意样式按钮。这套按钮样式在鼠标经过时、点击时都有一些微妙的变换,包含一些简单css3过渡效果、动画效果以及javascript的辅助控制效果。在这套
雅虎近日推出了一个名为 Pure 的 CSS 框架,这是一系列实用的响应式 CSS 模块的集合,可以帮助前端开发者节省不少开发时间。 名称为 Pure(纯),代码也必须是 100% 使用 CSS 编写的。开
2013年注定是前端框架火热的一年,继Bootstrap,Foundation火了之后,各种前端框架蜂拥而现, Pure 、Semantic UI。 今天为大家推荐Semantic UI,Semantic UI一出现在Github上就受到火热的关注,一直
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon,我们就可以尝试使用font来实现
1. Twitter BootStrap (Apache v2.0;响应式) 时髦、直观并且强大的前端框架,让Web开发变得更加容易。 2. Foundation (MIT;响应式) 最先进的响应式前端框架。 3. 960gs (GPLMIT;响应式) 960
一、无图片技术定义 在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。 二
可能早就知道,像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;),不过,当时,其他浏览器是无解的。不过,时代发展,如今,CSS3的逐步推进,我们也开始看到黑白
前言 《人人FED CSS编码规范》中,对CSS的编写方式进行了严格的约束和说明,但是如何在实际开发过程中,确保代码能够严格遵循规范的要求,是规范制定者必须要考虑的问题。 人为遵
随着Retina 屏幕的逐渐普及,网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的Retina屏幕显示依然清晰,曾经一度困扰着网页开发者,好在CSS3 与 HTML5 已经着力在改变这种
图标是各个网站必不可少的东西,一个大型网站可能会有上百个图标,例如应用图标(相册/日志)、交互性图标(编辑/管理)、描述性图标(已关注/在线)等。 1.性能 为了减少http请求,那
CSS 作为一门灵活的语言,并不容易像 JavaScript 一样构建出一个库。理解 CSS,建立相应的对应方案,目前在国内外都没有很好的案例。在差不多 2 年前,我刚来到支付宝的时候,师傅让
1、申明及注释 1.1、文件头部必须加上文件申明信息,必须包括文件描述、作者、最后更新(更新人+时间) /* *@Description:publiccommoncss(可写中文) *@Author:sev7n *@Update:sev7n(2011-08-0917:22) */ 1
随着上网方式的多样化,用户选择上网的工具不再仅是PC,而可以是手机,或者平板电脑。随之而来的问题是如何让网页适应不同分辨率,这给前端工程师们带来了新的挑战,其中重要的
导航是网页设计的最重要因素之一。优秀的导航必须兼具美观和实用性。 jQuery和CSS3的信息,你可以很容易地为您的网站导航创造完美功能和定制水平。然而,如果你不熟悉这些,它会
最近做的项目中经常会用到margin的负值,这里就总结一下关于margin负值的5种使用及相关bug的解决。 1. 在流动性布局中的应用 如WordPress的两栏式不固定布局就是使用margin负值来实现的定
需求来源:前段时间接到了一个人人小站登陆页改版的需求,需要用到背景大图。目前也有很多的网站在使用背景大图的方式,比如微软必应等。那么今天我们就来看看如何解决这个需
商城项目需要涉及到人民币的页面现实问题。但是¥(指的是通常输入法中文全角模式下按shift+4的那个)在宋体(v3.03, v5.0)的情况下是显示一杠。常见的其他字体微软雅黑(Microsoft