码迷,mamicode.com
首页 >  
搜索关键字:transition animation    ( 3774个结果
Flutter 动画
Flutter动画中用到的基本概念 Flutter动画中有4个比较重要的角色:Animation、Controller、Curve、Tween,先来了解一下这四个角色 1.1 Animation Animation是Flutter动画库中的核心类,用于插入指导动画的值 Animation对象知道动画 ...
分类:其他好文   时间:2020-10-18 09:48:47    阅读次数:19
移动端base.css
### 移动端 基于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起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。 ...
分类:Web程序   时间:2020-09-18 01:03:13    阅读次数:47
CSS样式更改——过渡、动画
###前言上篇文章主要讲述了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
Vue之animate
1、非列表的动画 将需要进行动画的元素用transition 包裹起来 在style里进行动画设置 进入的时候动画:v-enter{//动画的开始 transform:...}、v-enter-active{ //动画的过渡transition:...}、v-active-to{// 动画的结束tr ...
分类:其他好文   时间:2020-09-17 19:04:29    阅读次数:30
uniapp实现头部、底部固定,中间滚动的布局
参考地址: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
vue中keep-alive的理解和应用
官方解释: <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。 当组件在 <keep-alive> 内被切换,它的 activ ...
分类:其他好文   时间:2020-09-12 21:13:38    阅读次数:41
Material Design组件之CollapsingToolbarLayout
原文首发于微信公众号:jzman-blog,欢迎关注交流!CollapsingToolbarLayout主要用于实现一个可折叠的标题栏,一般作为AppBarLayout的子View来使用,下面总结一下CollapsingToolbarLayout的使用。MaterialDesign系列文章:MaterialDesign组件之FloatingActionButtonMaterialDesign组件之
分类:其他好文   时间:2020-08-26 18:39:03    阅读次数:52
Animate.css动画
参考地址: 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
JS动画和CSS3 animation动画的区别和特点
CSS3动画 CSS3优点 浏览器可以对CSS3动画进行优化 浏览器使用与requestAnimationFrame 类似的机制,requestAnimationFrame 比起js中使用setTimeout、setInterval 优势在于requestAnimationFrame 会把每一帧中的 ...
分类:Web程序   时间:2020-07-26 01:23:42    阅读次数:81
3774条   上一页 1 2 3 4 5 6 ... 378 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!