vue移动端过渡动画

利用transform实现一个纯CSS弹出菜单

前言在制作顶部菜单的时候，都会要求制作弹出的二级菜单，早先的做法是用jQuery的来控制二级菜单的显示和过渡动画，但利用CSS3中的transform属性后，这一切都变得异常简单先上效果制作方法核心就是利用了
小晓卒·2020-08-24 17:08

前端小技巧：变形汉堡按钮（Hamburger Menu）

汉堡按钮（Hamburgermenu）常用于移动端网站展开/收起导航，如果在点击按钮时再增加一些过渡动画则会显得更加生动有趣。今天我们就快速实现一个带有过渡动画的汉堡按钮。
MudOnTire·2020-08-24 17:37

JS轮播图的实现方法

本文实例为大家分享了JS轮播图的实现代码，供大家参考，具体内容如下需求：自动轮播，鼠标移入轮播停止、移出继续，小圆点点击切图，左右箭头切图效果图：思路通过编写过渡动画实现轮播效果，图片的出现动画以及移出动画
·2020-08-24 16:51

过渡动画transition

vue会为transition包裹的div动态的添加classv-enter:显示之前v-enter-to:显示之后v-enter-active:显示过程v-leave:隐藏之前v-laave-to:隐藏之后v-leave-active:隐藏过程
素素·2020-08-24 16:14

iOS 自定义一个textView,可做聊天输入框，cell中也可以自适应

（过渡动画很乱）。基于限制多行输入或者cell跟随textView内容自适应的需求，所以自定义一个textView。
雪_晟·2020-08-24 15:20

vue transition 中Velocity的参数的观点

Vuetransition过渡动画使用钩子函数钩子函数将钩子函数绑定在transition标签上之后在Vue实例中的methods定义钩子函数的方法在这里踩到了一个坑after-enter函数一直没有触发
初遇与你·2020-08-24 15:47

通过自定义ViewPager的方式，禁止滑动切换和取消过渡动画

官方的ViewPager提供setCurrentItem方法没有提供参数取消过渡动画，只有通过自定义的方式调用setCurrentItem(item,false)方法取消了。
HN一起看流星雨·2020-08-24 08:52

VUE移动端仿头条TAB切换

效果跟头条的Tab跟随差不多,暂时没有实现tab始终固定在中间显示!后期优化吧~没有找到合适的插件,采用了VUE的Transition+v-touch以及Animate.css手写实现!(图片是借的,效果类似)传送门-Gighub=>使用注意:移动端滑动,v-touch需要进行脚手架依赖安装才可以使用[email protected]引入使用
葬我以时光·2020-08-23 23:24

vue路由切换后数据及滚动条保持不变

场景Vue移动端单页面应用,首页→列表(刷新)→详情,详情→列表(不刷新)→首页.思路利用缓存列表页实例,通过列表页的beforeRouteLeave导航守卫存储参数isRefresh到localStorage
Rebours�·2020-08-23 21:22

页面中实现动画的四种方式

页面中实现动画的四种方式：目前为止常用的实现页面中动画效果的方式有四种，分别是1transition过渡动画来实现动画效果2animationcss动画来实现动画效果3原生js依靠定时器来封装的动画4通过
weixin_30274627·2020-08-23 20:20

iOS keyframe关键帧动画和过渡动画各个属性简单使用。

自己闲着无聊的时候整理了下把关键帧动画和系统自带的过渡动画做了下简单整理，原本打算整合后自己看的，就整合到自己的一个做整合的项目中，里面东西也比较乱。
Dream_Dynasty·2020-08-23 11:26

使用 HTML5 WebGL 实现逼真的云朵效果

一组网页边栏过渡动画【附
weixin_33716557·2020-08-23 07:46

Glide v4详解

RequestOptionsTransitionOptionsGeneratedAPIRequestBuilderConfiguration使用技巧Glide的图片变换TransformationsGlide的过渡动画
shangmingchao·2020-08-23 07:31

前端(八)

条件Hackcss过渡动画Snipaste_2018-08-15_20-20-27.pngtransition运动曲线Snipaste_2018-08-15_20-21-22.png图片文字遮罩11269680
小明坐地铁·2020-08-23 05:40

transition

默认值为0s，表示不出现过渡动画。可以指
阳光之末亚·2020-08-23 02:45

Android常用UI系列(上)

UI模块淘宝天猫使用的UI框架viewpager炫酷画廊效果炫酷定制输入框折纸view过渡动画炫酷动效控件库基本项目开发框架炫酷滑动翻页效果侧拉菜单的友好优雅的引导页清新的扩展页面内容预加载阴影效果幸运转盘效果炫酷的
水月沐風·2020-08-23 02:22

iOS 在控制器间跳转实现过渡动画

可以使用CALayer下的CATransition动画在同一个控制器下实现，但是在不同控制器间跳转又该如何做？ViewController*VC=[[ViewControlleralloc]init];//创建动画CATransition*animation=[CATransitionanimation];//设置运动轨迹的速度animation.timingFunction=UIViewAnim
BearsG·2020-08-22 19:10

h5动画工具推荐

daneden.github.io/animate.css/2.Granim用于快速创建WEB内的令人叹为观止的渐变动画https://sarcadass.github.io/granim.js/3.Animsition过渡动画库
JinmyHe·2020-08-22 19:30

Collapse组件(一) collapse过渡动画

看一下大佬对transition为什么不能对height：auto实现过渡动画的解释：这里贴一个csstrick上对于这种问题的解决方案：UsingCSSTransit
weixin_34126557·2020-08-22 19:34

Android仿微信朋友圈图片打开退出过渡动画

看到微信朋友圈的图片打开退出的过渡动画，正好我们项目中也有类似功能，但是转换效果干巴巴的，麻麻赖赖的，一点都不圆润。没关系，盘他！
瓦塔西_斯普润丶·2020-08-22 18:20

android5.0适配——轻松实现acitivty跳转View无缝过渡动画

android5.0后只需要简单几句代码就能实现这种前一个activity里的view过渡到第二个activity中，但是不能向前兼容，想在5.0之前的系统中实现还是得老老实实去用属性动画搞，废话不多说，直接上代码一，第一个activity点击跳转的代码这样写：@OverridepublicvoidonClick(Viewv){Pairp=newPair(headerIv,"head");//ha
赵进4673·2020-08-22 18:18

Android5.0Activity的转场动画、过渡动画、过场动画、跳转动画

Activity的转场动画很早就有，但是太过于单调，样式也不好看，于是Google在Android5.0之后，又推出的新的转场动画，效果还是非常炫的，今天我们一起来看一下。Android5.0之后Activity的出入场动画总体上来说可以分为两种，一种就是分解、滑动进入、淡入淡出，另外一种就是共享元素动画，下面我们分别就这两种动画进行说明：前提说明：——开发工具：Androidstudio64位3
Luckie stone·2020-08-22 18:44

前端常用分类

库AntDesign蚂蚁金服-->reactMaterial-UIGoogle的MaterialDesign-->react、vueElement-UI饿了么-->vueVuetify国外开源项目—>vue
res_min·2020-08-22 18:38

Vue+Spring Boot 前后端分离的商城项目开源啦！

1新蜂商城Vue移动端版本开源啦！
十三的博客·2020-08-22 16:26

vue移动端，解决focus无效、不兼容的问题

需求：点击的时候，需要获取到光标闪动。记得vue中有个autofocus自动获取光标的属性，但是这个属性在safari上有问题，所以不可以使用。解决方法：获取光标toGetFocus(){this.$refs.Inp.focus();}--------------------完。
柠檬不萌只是酸i·2020-08-22 16:04

仿制element-ui的Collapse 折叠面板组件

废话也不多说，说正题，这个折叠面板组件的实现使用了transition过渡动画和css3的变量，使用原生的JS实现逻辑，用到部分ES6的语法，现在本人也还没搞得太透彻，理解明白了，会写一些关于ES7及其更新的语法的博客
zhongjunyao·2020-08-22 15:29

Android动画的使用

按照我们的理解Android里面动画分为三类：属性动画(PropertyAnimation)、视图动画(ViewAnimation)、过渡动画(TransitionAnimation)。
tuacy·2020-08-22 15:25

vue移动端项目打包后调试工具vConsole

cnpm安装vConsolecnpminstallvconsole--save在main.js中引用importvConsolefrom'vconsole'Vue.prototype.$vConsole=newvConsole()你打包后一样可以调试，看哪里出错，调试完成不需要了直接删除main里面的两个引用代码就可以了，就是这么简单
yehuiyuwei·2020-08-22 15:11

基于Vue的Ui框架

基于Vue的Ui框架饿了么公司基于vue开的的vue的Ui组件库ElementUi基于vuepc端的UI框架MintUi基于vue移动端的ui框架http://element.eleme.io/http
weixin_33857230·2020-08-22 14:54

vue：安装less

less-loader'}在vue页面使用less关于vue移动端px转rem方法请点击，
Mosowe·2020-08-22 13:22

vue移动端如何使用vconsole调试工具。

开发移动端项目的时候，虽然可以用chrome的模拟器，但是，毕竟和真机，在有些时候，是对不上的。还是需要真机调试。那如何在移动端真机上像chormedevtolls来调试程序呢？推荐工具VConsole第一步，安装npminstallvconsole第二步，在main.js中实例化一个vconsole实例，才能生效main.js//引入vconsole调试，正式上线需要删除importVConso
qq_42991509·2020-08-22 13:02

基于Vue-Cli3的Vue移动端企业级工程架构

基于Vue-Cli3的Vue移动端企业级工程架构本项目是基于Vue-Cli3脚手架，应用VW的自适应解决方案构建的移动端企业级工程项目，下面会一步步构建起项目结构。
Gavin·2020-08-22 13:40

vue移动端使用appClound拉起支付宝支付

1-首先在config.xml中进行配置~~~~2-在自己的应用中添加支付宝支付的模块3.使用支付宝模块进行拉起支付宝if(res.data.code==200){//拉起支付宝//开发者通过payOrder方法来进行支付，自己处理订单信息以及签名过程console.log("自己处理订单信息以及签名过程请求:");varaliPay=api.require('aliPay');aliPay.pa
那年·2020-08-22 13:07

《(苹果)人机界面指南》001 - 主题

(Deference)、深度(Depth)明晰(Clarity)：内容展示清晰、重点突出尊重(Deference)：动效与界面布局方式，目的是服务于内容，不可喧宾夺主深度(Depth)：利用视觉层次及过渡动画
傻了吧唧小黄瓜·2020-08-22 00:11

vue移动端适配插件lib-flexible

使用vue-cli安装好一个vue的项目npminstall-gvue-clivueinitwebpackmy-projectcdmy-projectnpmrundev配置vue插件lib-flexible安装插件lib-flexiblenpmilib-flexible--save-dev在main.js中引入lib-flexibleimport'lib-flexible/flexible'安装p
胡儒清_前端那个老胡·2020-08-21 19:04

vue移动端适配方案flexible+px2remLoader使用指南及踩坑

vue移动端适配方案flexible+px2remLoader使用指南及踩坑根据移动端不同的dpr来做适配是非常必要的，很多时候前端开发对UI设计稿都是凭感觉来做，导致编译完的页面与设计稿或多或少有些出入
金馆长v·2020-08-21 13:43

CSS3过渡动画 transition:all与transition区别

先写一个样式：div{width:200px;height:200px;margin:100pxauto;background-color:#336699;/*transition:width1s;*/transition:all1s;/*transition:height1s;*/}div:hover{width:300px;height:400px;}这里transition:all1s与tr
小城听风雨·2020-08-21 13:59

CSS面试（简答）

过渡属性transition可以在一定的事件内实现元素的状态过渡为最终状态，用于模拟一种过渡动画效果，但是功能有限，只能用于制作简单的动画效果；动画属
hcy48·2020-08-21 12:52

在iOS 8中使用UIAlertController

全新的UIPresentationController在实现视图控制器间的过渡动画效果和自适应设备尺寸变化效果（比如说旋转）中发挥了重要的作用，它有效地节省了程序员们的工作量（天地良心啊）。
街角仰望·2020-08-21 11:25

css3过渡动画

过渡动画transition:width500ms(执行500毫秒)ease,height500msease500ms(延迟),background-color500msease1s变成圆角transition
儿懵·2020-08-21 07:12

Flutter 中文文档：在 Flutter 应用里实现动画效果

FlutterSDK也提供过渡动画，比如FadeTransition，SizeTransition和SlideTr
chenglu001·2020-08-21 06:13

使用 CSS3 实现转盘抽奖效果

同时，transition属性实现过渡动画，它具有四个子属性，依次为1.transition-property（过渡属性，默认为all）2.transition-during（过渡时间，默认0s）3.transition-timing-function
lujie_1996·2020-08-21 04:54

vue移动端，使用腾讯提供的JS SDK实现第三方登录

1.首先需要申请接入QQ登录，并成功获取到appid和appkey1-1在QQ互联上先申请为开发者1-2申请审核通过之后在首页上方点击应用管理，然后创建应用选创建网站应用1-3注意：这个回调地址是登录成功后的跳转地址，多个时用分号;隔开，且有条件限制，具体规则看文档介绍1-4都审核通过以后就可以开始介入啦，appid在这里看，点击查看可查看appkey（JSSDK登录没用到appkey）2.开始接
gf771115·2020-08-21 03:49

vue移动端，点击微信授权登录

封装微信登录接口：1234constwxLogin=(appid,url)=>{letredirect_uri=encodeURIComponent(url)window.location.href=`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${redirect_uri}&res
gf771115·2020-08-21 03:48

Android TransitionManager源码解析

通过上篇文章Android使用TransitionManager来方便地实现过渡动画我们知道了TransitionManager.beginDelayedTransition可以快速地实现属性动画效果。
Heiko-Android·2020-08-21 02:56

Android 使用TransitionManager来方便地实现过渡动画

在开发中我们使用过渡动画，平时会用ObjectAnimator或ValueAnimator来完成。但其实，我们可以用更简单的方式来实现同样的效果。
Heiko-Android·2020-08-21 02:56

vue移动端 px2rem-loader与vux移动端组件库样式错乱，应该使用postcss-plugin-px2rem完美解决

整了半天，还是不能用px2rem-loader这个组件，因为他没有忽略范围，要换postcss-plugin-px2rem1、先npm安装postcss-plugin-px2rem插件npmipostcss-plugin-px2rem--save-dev2、找到与src同级目录下的.postcssrc.jsmodule.exports={"plugins":{"postcss-import":{}
早饭君·2020-08-21 02:55

vue移动端 px2rem-loader与vux移动端组件库样式错乱，应该使用postcss-plugin-px2rem完美解决

整了半天，还是不能用px2rem-loader这个组件，因为他没有忽略范围，要换postcss-plugin-px2rem1、先npm安装postcss-plugin-px2rem插件npmipostcss-plugin-px2rem--save-dev2、找到与src同级目录下的.postcssrc.jsmodule.exports={"plugins":{"postcss-import":{}
早饭君·2020-08-21 01:42

CSS 动画

transition（过渡动画）transition是4个属性的简写属性，transition属性可以被指定为一个或多个CSS属性的过渡效果，多个属性之间用逗号（,）进行分隔。
Cris·2020-08-21 01:47

Android学习之Android 5.0分享动画实现微信点击全屏效果

Android5.0过渡动画，请看http://blog.csdn.net/qq_16131393/article/details/51112772今天用分享动画实现微信点击全屏效果本文源码下载地址http
隔壁小王66·2020-08-21 01:31
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他