Flutter动画中用到的基本概念 Flutter动画中有4个比较重要的角色:Animation、Controller、Curve、Tween,先来了解一下这四个角色 1.1 Animation Animation是Flutter动画库中的核心类,用于插入指导动画的值 Animation对象知道动画 ...
分类:
其他好文 时间:
2020-10-18 09:48:47
阅读次数:
19
### 移动端 基于flex布局 的默认样式 rest css ; ```
*,::before,::after { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: transparent; }
/* 所有元素的盒... ...
分类:
移动开发 时间:
2020-10-12 20:37:17
阅读次数:
32
css3的3d起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。 ...
分类:
Web程序 时间:
2020-09-18 01:03:13
阅读次数:
47
###前言上篇文章主要讲述了CSS样式更改中的2D转换,这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。####1.过渡元素从一种样式逐渐改变为另一种的样式div{transition:width1s;-moz-transition:width1s;/*Firefox4*/-webkit-transition:width1s;/*Safari和Chrome*/-o-transition:
分类:
Web程序 时间:
2020-09-17 23:37:08
阅读次数:
47
1、非列表的动画 将需要进行动画的元素用transition 包裹起来 在style里进行动画设置 进入的时候动画:v-enter{//动画的开始 transform:...}、v-enter-active{ //动画的过渡transition:...}、v-active-to{// 动画的结束tr ...
分类:
其他好文 时间:
2020-09-17 19:04:29
阅读次数:
30
参考地址:https://blog.csdn.net/lll_liuhui/article/details/87923041 <template> <view class="scrool-page"> <view class="header-cont">头部</view> <view class=" ...
分类:
移动开发 时间:
2020-09-17 13:41:19
阅读次数:
109
官方解释: <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。 当组件在 <keep-alive> 内被切换,它的 activ ...
分类:
其他好文 时间:
2020-09-12 21:13:38
阅读次数:
41
原文首发于微信公众号:jzman-blog,欢迎关注交流!CollapsingToolbarLayout主要用于实现一个可折叠的标题栏,一般作为AppBarLayout的子View来使用,下面总结一下CollapsingToolbarLayout的使用。MaterialDesign系列文章:MaterialDesign组件之FloatingActionButtonMaterialDesign组件之
分类:
其他好文 时间:
2020-08-26 18:39:03
阅读次数:
52
参考地址: http://www.animate.net.cn/ 官方地址: https://animate.style/ https://github.com/animate-css/animate.css 只需两步 链接css文件 <link rel="stylesheet" href="sty ...
分类:
Web程序 时间:
2020-07-26 01:29:55
阅读次数:
175
CSS3动画 CSS3优点 浏览器可以对CSS3动画进行优化 浏览器使用与requestAnimationFrame 类似的机制,requestAnimationFrame 比起js中使用setTimeout、setInterval 优势在于requestAnimationFrame 会把每一帧中的 ...
分类:
Web程序 时间:
2020-07-26 01:23:42
阅读次数:
81