以前有些阴影效果总觉得非得切图才能实现,现在结合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的辅助控制效果。在这套
2013年注定是前端框架火热的一年,继Bootstrap,Foundation火了之后,各种前端框架蜂拥而现, Pure 、Semantic UI。 今天为大家推荐Semantic UI,Semantic UI一出现在Github上就受到火热的关注,一直
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon,我们就可以尝试使用font来实现
随着上网方式的多样化,用户选择上网的工具不再仅是PC,而可以是手机,或者平板电脑。随之而来的问题是如何让网页适应不同分辨率,这给前端工程师们带来了新的挑战,其中重要的
导航是网页设计的最重要因素之一。优秀的导航必须兼具美观和实用性。 jQuery和CSS3的信息,你可以很容易地为您的网站导航创造完美功能和定制水平。然而,如果你不熟悉这些,它会
需求来源:前段时间接到了一个人人小站登陆页改版的需求,需要用到背景大图。目前也有很多的网站在使用背景大图的方式,比如微软必应等。那么今天我们就来看看如何解决这个需
越来越多项目使用CSS3特性了,CSS3将完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。CSS3主要的影响是将可以使用新的可用的选择器和属
在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果,