CSS3的2D变形属性，scale：用来缩放元素（放大和缩小），translate:在屏幕上移动元素（上下左右），rotate:按照一定角度旋转元素（单位为度），skew:沿X和Y轴对元素进行斜切，matrix:允许以像素精度来控制变形效果。变形是在文档外发生的。一个变形的元素不会影响它附近未变形元 ...
分类：
Web程序 时间：
2018-02-23 13:20:11
阅读次数：
259
虽说css3 都已经使用多年了，但是关于css3的渐变用的很少。今天遇见了，就学习了一下。 首先我们打开ps，新建一个画布，选择渐变工具，这个时候我们能够看到顶栏上面的渐变类型如下 第一个我们选中的是线性渐变，第二个是径向渐变，第三个是角度渐变，第四个是对称渐变，第五个是菱形渐变。对于css3 并没 ...
分类：
Web程序 时间：
2018-02-23 01:03:12
阅读次数：
310
本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 前言 我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。 颜色 CSS3中，有一种新的表示颜色的方式：RGBA或者HSLA。 R ...
分类：
Web程序 时间：
2018-02-08 13:32:44
阅读次数：
203
CSS3的标准并没有全部定稿，目前CSS3的标准分成了不同的模块，具体的标准由各个模块推动标准和定稿，标准制定的过程中，浏览器也在不断的发新的版本来兼容新的标准。浏览器有时会给一些在试验阶段或非标准阶段的css属性添加前缀, 这样开发者就可以使用 浏览器行为的改变不会破坏标准. 开发人员应等待包含无 ...
分类：
移动开发 时间：
2018-02-08 00:34:14
阅读次数：
225
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。 ...
分类：
移动开发 时间：
2018-02-08 00:29:28
阅读次数：
261
本文最初发表于 "博客园" ，并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 CSS3介绍 CSS3在CSS2基础上， 增强 或 新增 了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 CSS3的现状 ...
分类：
Web程序 时间：
2018-02-07 16:57:38
阅读次数：
246
旋转动画 参考： 1、http://www.w3school.com.cn/cssref/pr_animation.asp 2、http://www.runoob.com/cssref/css3-pr-flex.html ...
分类：
Web程序 时间：
2018-02-07 12:12:03
阅读次数：
701
边框 边框圆角 border-radius： 100px 每个角可以设置两个值，x和y 补充： 可分别设置长，短半径，以“/”进行分隔，遵循顺时针的顺序，“/”之前为横轴半径，“/”之后为纵轴半径，如： border-radius： 10px 10px 10px 10px/ 20px 20px 20 ...
分类：
Web程序 时间：
2018-02-07 00:48:44
阅读次数：
175
使用css3的动画属性来实现js的移动效果 先把类名和CSS属性写好。 使用transition全局属性来实现动画从左到右的移动宽度的时间。 使用transition-property属性来指定类名的宽度移动效果的时间。 使用transition-delay来实现它的延迟时间。 使用transiti ...
分类：
Web程序 时间：
2018-02-06 20:23:19
阅读次数：
175
选择器 属性选择器（通过标签属性来选择） E[attr]： 表示只要元素<E>存在属性attr就能被选中 如： div[class] E[attr=val]： 表示元素<E>存在属性attr的值等于val，即可被选中 如： div[class="val"] E[attr*=val]： 表示元素<E> ...
分类：
Web程序 时间：
2018-02-01 17:45:44
阅读次数：
220
