很多时候，我们在开发移动端的时候要使自己的网页兼容不同的机型，很多时候会采用CSS3动画，但是很多时候在安卓机下，动画明显会出现卡顿，很难看，那么这里我介绍几个CSS 属性进行硬件加速那么就会得到明显的效果： opacity: 1; -webkit-backface-visibility: hidd ...
分类：
移动开发 时间：
2018-01-23 13:04:54
阅读次数：
196
场景描述 在使用JS控制动画时一般需要在动画结束后执行回调去进行DOM的相关操作，所以需要监听动画结束进行回调。JS提供了以下事件用于监听动画的结束，简单总结学习下。 CSS3动画监听事件 transitionEnd事件 transitionEnd事件会在CSS transition动画结束后触发。 ...
分类：
Web程序 时间：
2018-01-21 19:05:45
阅读次数：
198
Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理， ...
分类：
Web程序 时间：
2018-01-11 23:50:52
阅读次数：
222
今天开始我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、过渡(transition)和动画(animation)等CSS3技术。 首先我们先来了解一下变形(transform),Transform就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转r ...
分类：
Web程序 时间：
2018-01-11 15:30:30
阅读次数：
795
跨浏览器的CSS3动画库，使用方便 animate.css 是一个集合酷的，有趣的和跨浏览器的动画。 基本用法 在页面的 <head>中引入样式文件： 给你想要添加动画效果的元素加上 animated 样式，如果想要动画循环执行的话，你需要加上 infinite 样式。 最后，你需要加上下面中的一个 ...
分类：
Web程序 时间：
2017-12-31 00:41:48
阅读次数：
525
CSS3动画属性：transform（变换）：大小、位置、颜色、变形等状态的变化transition（过渡）：初始状态过渡到结束状态这个过程中产生的动画animation（动画）：定义关键帧动画 CSS3可以实现多种动画效果，下面说的是CSS3实现一个3D翻转的动画效果。 属性介绍：perspect ...
分类：
Web程序 时间：
2017-12-29 16:58:21
阅读次数：
222
简介 animate.css是一个来自国外的 CSS3 动画库，它预设了引起弹跳（bounce）、摇摆（swing）、颤抖（wobble）、抖动（shake）、闪烁（flash）、翻转（flip）、旋转（rotate）、淡入淡出（fade）、滑动（Sliding）、光速（lightspeed）、缩放 ...
分类：
Web程序 时间：
2017-12-20 03:46:54
阅读次数：
232
第九章 CSS3动画制作 1.CSS3变形transform 语法:transform:[transform-function] *; 设置变形函数，可以是一个，也可以是多个，中间以空格分开 2.变形函数 2.1 translate(tx,ty)：平移函数，基于X、Y坐标重新定位元素的位置 tran ...
分类：
Web程序 时间：
2017-12-11 16:03:56
阅读次数：
302
CSS3 2D Transform 详细讲解 #文章 CSS3 css3动画 在一个二维或三维空间，元素可以被扭曲、移位或旋转。只不过2D变形工作在X轴和Y轴，也就是大家常说的水平轴和垂直轴；而3D变形工作在X轴和Y 轴之外，还有一个Z轴。这些3D变换不仅可以定义元素的长度和宽度，还有深度。我们将首 ...
分类：
其他好文 时间：
2017-12-11 00:43:25
阅读次数：
345
