css3


使用Move.js创建CSS3动画

原文链接,请移步creating-css-animations-using-move-js 第一次翻译,如有误解,请移步原文 在网站上,CSS3 的过渡和动画是当前创建轻量级动画的首选方法。不幸的是,很多开发者发现他们自己的语法和复杂和混乱的。如果这听起来像你自己,对你来说,或 …


[css3特效]loading加载中

以前loading都是一张图片,显示或隐藏。 现在如果考虑移动端弱网到连图片也载入不成功,此时css3的loading就非常有用了,而且模拟了图片效果,节省空间。 基本原理: 1,外部一个span,固定宽高(正方形),行内块元素,相对定位,垂直对齐。 …


[css3]知识点积累

animation  , keyframes .rotate {     -webkit-transform-style: preserve-3d;/*保留被转换的子元素3d属性*/     -webkit-animation-name: refreshing;     -webkit-animation-duration: 0.7s; &nbsp …


[css3]知识点(自己总结版)

CSS3是一个包含多方面的知识,主要分两大类,一类是在css2基层上改进的,另一类是完全新增的 批注:这里只是提纲,具体知识点可参考:http://zccst.iteye.com/blog/2192532 首先是媒体查询,这个是入口 @media screen and (min-width:400px) 一、在 …


[css3]流式布局要点

让一个div水平、垂直居中 CSS的media检测设备宽度 一、流式布局两个要点: 1,在link中加入media <link src=”global.css” /> <link src=”ipad.css ” media=”(max-width:980px) and (min-width:600px)” /> <link src=”mobile.css ” m …


webapp/css3实战,制作一个《炉石传说》宣传页

在移动网页,尤其是webapp中 常需要用到大量的css3动画,来获得良好交互体验 我之前帮朋友做了一个,可惜没帮上忙 现在和大家分享一下   目标是要做一个《炉石传说》游戏的介绍宣传页面,文字内容不多,主要是要和用户有互动 脑海中闪 …




用CSS3制作鼠标悬浮渐变着色效果

CSS3虽然还没有被广大浏览器所兼容,甚至A级浏览器也只是通过私有属性给予有限的支持。但是在渐进增强的理念下,有选择性地使用CSS3可以得到不错的效果,前提是保证在不支持CSS3的浏览下也可以获得最基本的样式。 本文会使用CSS3 Transition来制作特效, …