html2canvas的官方文档地址:http://html2canvas.hertzen.com/ 实现原理:将需要截图的页面在canvas中进行重绘,这样将页面转换成图片的过程。 注意事项: 不支持iframe 不支持跨域图片 不支持flash 不支持transform、transition过渡 ...
分类:
Web程序 时间:
2018-03-14 15:53:14
阅读次数:
212
translate:移动, transform的一个方法 通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数: 用法transform: translate(50px, 100px); -ms-transform: trans ...
分类:
Web程序 时间:
2018-03-13 14:00:39
阅读次数:
203
首先来讲讲 伪元素是不支持 hover 的,不过我们可以给普通的 tag 标签添加 hover 以此来支持伪元素的 hover,例如 .div2:hover::before 接着来讲讲 实现一 实现二 实现三 实现四 在这里我突然发现实现三和实现四在动画上有一些区别。 ...
分类:
Web程序 时间:
2018-03-12 21:16:27
阅读次数:
213
快装WebApp项目(Web移动端开发案例)webapp移动端项目源码、html5+css3实战案例分享、微信端H5实例开发 简介快装WebApp是一个面向移动端的快速装修app,此项目为手机端;使用HTML5+css3+zepto+jQ开发,特效方面用到了css3里的过渡transition和动画 ...
分类:
移动开发 时间:
2018-03-10 11:48:47
阅读次数:
471
第二十五章 CSS3过渡效果 一、过渡简介 过渡效果一般是通过一些简单的CSS动作触发平滑过渡功能,比如:hover、:focus、:active、:checked等,CSS3提供了transition属性来实现这个过渡的,主要属性如下 属性 说明 transition-property 指定过渡或 ...
分类:
Web程序 时间:
2018-02-28 19:43:24
阅读次数:
235
We are stacking blocks to form a pyramid. Each block has a color which is a one letter string, like `'Z'`. For every block of color `C` we place not i ...
分类:
其他好文 时间:
2018-02-27 01:10:41
阅读次数:
459
相对于vue1.0来说,vue2.0的动画变化还是挺大的,在1.0中,直接在元素中加 transition ,后面跟上名字。而在vue2.0中,需要把设置动画的元素、路由放在<transition name="fade"></transition>中,name就是动画名称。 在1.0时,css需要设 ...
分类:
其他好文 时间:
2018-02-26 17:41:12
阅读次数:
216
一.使用<transition name="fade"></transition>标签 name="fade", 是创建个fade的类名写在css中 CSS: 在进入/离开的过渡中,会有 6 个 class 切换。 v-enter:定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。 v-e ...
分类:
其他好文 时间:
2018-02-26 13:28:26
阅读次数:
184
一、过渡 过渡效果一般由浏览器直接改变元素的CSS属性实现。 a、transition属性 transition 属性是一个简写属性,用于设置四个过渡属性: transition-property transition-duration transition-timing-function tran ...
分类:
Web程序 时间:
2018-02-25 19:08:38
阅读次数:
367
注:本文图片来源(http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html。 侵权请告知,即刻删除) 什么是缓动, 缓动(easing) 是指动画效果在运行时被指定速度,使视感更加真实。 比較经典的, 缓慢開始。然后加速称为“ ...
分类:
其他好文 时间:
2018-02-24 13:05:11
阅读次数:
499