transform：一个属性名称，即CSS3 2D转换 属性。 translate：一个属性函数，用法是translate(dx,dy) transition：一个属性名称，添加过渡效果。 还有动画animate： 把 transform 丢到 keyframe 的 from / to 里面就可以实 ...
分类：
Web程序 时间：
2016-09-05 16:53:40
阅读次数：
340
事件类型 描述show.bs.modal show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget 属性进行访问。 shown.bs.modal 此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发。如果是通过点击 ...
分类：
其他好文 时间：
2016-09-03 13:43:40
阅读次数：
195
O(∩_∩)O~ 这两天在看看CSS的相关内容，关于transition动画感觉很有意思，分享一下。 CSS负责给html加效果，自然少不了各种动画，今天介绍一下transition。 概述 看一段比较学术的定义：transition主要负责页面的过渡效果，transition可以使css的属性值在 ...
分类：
Web程序 时间：
2016-08-31 00:46:24
阅读次数：
377
要将图标旋转，只需使用transform的rotate以及transition即可完成旋转的动画效果。ease 规定慢速开始，然后变快，然后慢速结束的过渡效果; ease-in 规定以慢速开始的过渡效果; ease-out 规定以慢速结束的过渡效果; ease-in-out 规定以慢速开始和结束的过 ...
分类：
其他好文 时间：
2016-08-23 16:31:03
阅读次数：
356
今天的属性比较有意思，带上过渡效果，让人眼前一亮，也让我知道以前不怎么知道的 属性。 action~ 1、background-origin 设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat 此属性才会生效。 2、background-clip 设 ...
分类：
其他好文 时间：
2016-08-12 23:45:16
阅读次数：
192
在线预览 源码下载 lightgallery.js是一款纯JavaScript轻量级响应式lightbox插件。该Lightbox插件支持图片，视频，iframe等多种媒体。支持全屏，导航，缩放，下载等功能，还支持多种动画过渡效果。lightgallery.js的特点还有： 完全响应式设计。 内置插 ...
分类：
Web程序 时间：
2016-08-08 14:14:56
阅读次数：
2523
语法： transition: property duration timing-function delay; transition: property duration timing-function delay; 参数一： transition-property ： 规定应用过渡效果的CSS属 ...
分类：
Web程序 时间：
2016-08-05 21:35:59
阅读次数：
242
一、语法 transition: property duration timing-function delay transition属性是个复合属性，她包括以下几个子属性： transition-property ：规定设置过渡效果的css属性名称 transition-duration ：规定完 ...
分类：
Web程序 时间：
2016-08-03 01:19:15
阅读次数：
202
在做这个之前我已经模仿了一遍大神的轮播动画做了一次其切换模式就是一张图片隐藏另一张图片显示过渡效果是渐入（fadein），但是目前的动画切换大多数都是用图片的左右切换动作的于是在网上看了一些关于这类型的文章然后再结合自己的理解写了一下。 先上html代码 css属性 这次css属性有几个关键的部分要 ...
分类：
Web程序 时间：
2016-07-23 19:29:15
阅读次数：
205
1. 使用过渡 过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如，如果使用:hover选择器，一旦用户将鼠标悬停在元素之上，浏览器就会应用跟选择器关联的属性。 当用户将鼠标悬停在span元素上的时候，浏览器就会响应，直接应用新的属性。变化如下图所示： CCS过渡属性允许控制应用新属性值的速 ...
分类：
Web程序 时间：
2016-07-20 22:48:52
阅读次数：
290
