CSS3
分享CSS3新技术,CSS3动画,CSS3特效,CSS3代码和CSS3相关资源
2015年的CSS动画工具和库
把这下面的50个有用的工具添加到你的web工具箱中。在合适的项目中使用合适的工具。
移动端CSS3垂直居中对齐
在移动前端制作中,很多新的CSS3特性能够帮助我们更好的制作。例如这个垂直水平居中问题,就有一个简单的代码可以解决:利用CSS3的translate
CSS 3D 按钮立体按钮
说到CSS 3D按钮,可能很多人不太明白,在平常的制作稿中,也许你会看到一些具有立体感的按钮,这些按钮是怎么写的呢?来看看这个例子,还同时具有按下去的效果。
CSS3硬件加速技巧
摘要:使用3D硬件加速提升动画性能时,最好给元素增加一个z-index属性,人为干扰复合层的排序,可以有效减少chrome创建不必要的复合层,提升渲染性能,移动端优化效果尤为明显。 以下为原文:CSS3硬件加速也有坑!!! 常听人说: 移动 ...
webkitTransitionEnd事件
今天重新看了一下bootstrap里面的那些插件,打算写一套简化版的插件,看到里面一个bootstrap-transition.js,不明所以,细看之后才知道是一个判断浏览是否支持transition转换的插件,若支持则在动画结束时执行一些 ...
使用JavaScript检测是否支持CSS3、HTML5新特性
在我们放手用HTML5开发的时候,新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本,不过这种方式不是很可靠,另一种靠特征检测(figure detection)或者说能力检测。
css3属性clip
概述 clip 属性定义了元素的哪一部分是可见的。clip 属性只适用于 position:absolute 的元素。 语法 rect(<top>, <right>, <bottom>, <left ...
50个CSS和JavaScript工具、框架和代码库
在互联网上,每天都有很多的新的工具、框架和代码库出现,我们没办法做到每天都跟上最新的设计。好消息是今天这篇文章将会给大家总结一个列表给大家。里面包含CSS代码、JavaScript资源,希望能够帮到你。
jquery圆环百分比进度条制作
最近项目里遇到一个有意思的效果,那就是圆形进度条,类似于这样的: demo1demo2 实现类似这样的效果方法很多。我主要想了2个解决方案,都是通过jQuery和CSS实现的,下面就一一道来: 方法一:jQuery + CSS3 实现原理 ...
50个有用的CSS代码片段
For this article I want to present 50 handy CSS2/CSS3 code snippets for any web professional. These are perfect for stor ...