快捷动画库animate
今天给大家介绍一下animate动画库，我们可以自己写一点简单的动画效果，比如飞入，淡入淡出之类的，但要实现复杂的动画不如直接用动画库，动画库的动画怎么使用呢？接下来我们带领大家看一下。 首先来到animate官网，引入animate的css文件。 如果各位不想要本地引入，可以直接引入线上的资源， 然后我们给指定元素添加animate这个类名，这个类名是固定的，后面跟的是动画的样式，那么我们...
css整体移动div
设计出具了这样的一个需求，一眼丁真-鉴定为移动div，首先写成如下这种情况。接下来给大家介绍一下移动div的常用方法1.transform：translateY（）作为css中唯一一个控制元素位置的元素，当然首先介绍一下他。translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。在括号内部输入移动的像素值或者百分比就能把元素向选定方向移动，这样的移动方法是保留元...
Less——嵌套与继承
相比于传统的css，LESS增加了几个核心功能，如变量、混合、函数等，让页面的样式动态起来了。上一章介绍了LESS中函数的使用和规范，本章来介绍一下LESS的嵌套与继承。一，嵌套Less 提供了使用嵌套代替层叠或与层叠结合使用的能力。我们之前选择器层叠使用如图所示：结构复杂且冗余，编写起来十分不方便，而Less的嵌套写法如图：用 Less 书写的代码更加简洁，并且结构上更符合 HTML 的组织结构...
如何让文字拥有渐变效果（限webkit内核浏览器）
设计出了一个这样的需求，需要有一个数字拥有正常的颜色，但当鼠标放上去的时候要变成渐变色，大家都知道，css是没有颜色渐变这个属性的，只有背景颜色的渐变，这里有两种实现方法。 1.让设计把字给你抠出来 这里扣图片对于浏览器的兼容性非常好，会兼容基本上所有浏览器，图片可以任意大小，但要求底色与div盒子中底色一致，这样视觉上不会有问题，而我们可以直接改变图片所属div的背景颜色，就能实现通...
Less中变量的使用
上一章已经简单介绍了一下常用的css预处理器Less。本章我们着重讲解一下变量有关知识。变量命名规范：1.必须有 @ 为前缀2.不能包含特殊字符3.不能以数字开头4.大小写敏感变量的基本使用如图所示：除此之外，变量还可以作为插值使用，变量可以用于选择器名、属性名、URL、@import语句。再来介绍一下变量的延迟加载特性：当一个变量被声明多次，会取最后一次的值，并从当前作用域往外寻找变量。如以下语...
常见的css预处理器——Less
在学习less之前，我们需要对css有简单的了解，CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。CSS 需要书写大量看似没有逻辑的代码，冗余度是比较高的。不方便维护及扩展，不利于复用。也没有很好的计算能力。而Less是一门向后兼容的 CSS 扩展语言，也称为 CSS 预处理器。在 CSS 的语法基础上，引入了变量，Mixin，运算以及函数等功能，简化了 CSS 的编写，并...
