码迷,mamicode.com
首页 >  
搜索关键字:transition    ( 1184个结果
vue动画move的实现
<transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画,还可以改变定位。要使用这个新功能只需了解新增的 v-move class,它会在元素的改变定位的过程中应用。像之前的类名一样,可以通过 name attribute 来自定义前缀,也可以通过 move-class a ...
分类:其他好文   时间:2021-06-30 18:32:03    阅读次数:0
利用uni-transition实现微信小程序底部浮层
技术概述 ? 需求是实现一个包含三种状态,分别是底部、半屏、全屏的浮层,并且浮层支持用户随意拖动,同时还要防止用户过度拖动。技术难点在于对动画的控制,必须得有一定的过渡动画否则整体会很突兀。 技术详述 ? 首先看一下预期的样子,图为ios自带高德地图的底部浮层。 ? 最开始的动画我是用CSS的key ...
分类:微信   时间:2021-06-28 19:15:24    阅读次数:0
CSS精灵技术
transition:要过渡的属性 花费时间 运动曲线 何时开始 如 transition: width 0.5s ease-in 0s(立马开始的意思); 写到所需要的标签上,不写到hover里 如果想要所有属性都变化用all transform:translate(100px或者50%); 是以 ...
分类:Web程序   时间:2021-06-11 19:14:32    阅读次数:0
transition兼容性问题
具体使用: 具体的使用,在需要添加过度效果的盒子中加入该样式 然后配合:hover使用如: [注意]IE9-不支持该属性,safari3.1-6、IOS3.2-6.1、android2.1-4.3需要添加-webkit-前缀;而其余高版本浏览器支持标准写法 ...
分类:其他好文   时间:2021-06-09 15:32:45    阅读次数:0
【前端】Vue3常用transition过渡
fade .fade-enter-from,.fade-leave-to { opacity: 0;}.fade-leave-from,.fade-enter-to { opacity: 1;}.fade-enter-active,.fade-leave-active { transition: a ...
分类:其他好文   时间:2021-06-02 16:40:58    阅读次数:0
transition与visibility
一. visibility 属性规定元素是否可见。 visibility:visible // 元素是可见的。 visibility:hidden // 元素不可见 二,使用visibility的优点 因为 transition与visibility 可以搭配使用; visibility 可以应用t ...
分类:其他好文   时间:2021-06-02 12:10:34    阅读次数:0
使用原生js + css 实现一个文字轮播效果(一)
1、思路: 因为offsetTop、scrollTop等不属于css属性,所以这些无法用css动画或过度来实现。首先想到的是使用position + top 定位结合 transition 来实现。 2、效果: 3、原生代码: <!DOCTYPE html> <html lang="zh"> <he ...
分类:Web程序   时间:2021-05-25 18:28:37    阅读次数:0
display:none和transition冲突了……
前言 经过两天的思考终于在这个问题上算是告一段落,于是写下这篇文章希望有缘人能够指点一二。 起因 闲来无事用原生js写了个静态的轮播图,想要用css给图片元素添加上transition:opacity动画实现淡入淡出的效果,结果发现动画没有触发。 网上搜索一番用内联样式解决了问题,于是认为是图片上d ...
分类:其他好文   时间:2021-05-25 18:23:15    阅读次数:0
游戏开发- UI动画
目前所接触的UI动画效果有三种制作方法: 1. Animator:直接挂在组件上, controller里控制动画的播放。 由Animation, Controller组成, 动画之间的transition可以用代码控制(在箭头上加一个trigger,代码控制开关就ok了) 2. Timeline: ...
分类:其他好文   时间:2021-05-24 04:49:26    阅读次数:0
CSS: 動畫--transition
transition簡寫屬性:transition-property transition-duration transition-timing-function transition-delay transition-property: 用于设置那个值需要过度,初始值是关键字 all,表示所有属性 ...
分类:Web程序   时间:2021-05-23 23:01:05    阅读次数:0
1184条   1 2 3 4 ... 119 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!