码迷,mamicode.com
首页 >  
搜索关键字:过渡动画    ( 220个结果
第8节:路由的过渡动画
<transition>标签 想让路由有过渡动画,需要在<router-view>标签的外部添加<transition>标签,标签还需要一个name属性。 1 2 3 <transition name="fade"> <router-view ></router-view> </transition ...
分类:其他好文   时间:2018-01-15 18:53:25    阅读次数:156
面向对象无缝滚动轮播(附带面向过程代码)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>banner</title> <link rel="stylesheet" href="CSS/main1.css"> </head> <body> <div c ...
分类:其他好文   时间:2017-12-14 03:56:47    阅读次数:160
学习笔记 第十四章 使用CSS3动画
第14章 使用CSS3动画 【学习重点】 设计2D动画 设计3D动画 设计过渡动画 设计帧动画 能够使用CSS3动画功能设计页面特效样式 14.1 设计2D动画 CSS2D Transform表示2D变换,目前获得了各主流浏览器的支持;CSS3D Transform支持程度不是很完善,仅能够在部分浏 ...
分类:Web程序   时间:2017-12-08 14:17:15    阅读次数:289
CABasicAnimation的基本使用方法(移动·旋转·放大·缩小)
CABasicAnimation的基本使用方法(移动·旋转·放大·缩小) CABasicAnimation类的使用方式就是基本的关键帧动画。 所谓关键帧动画,就是将Layer的属性作为KeyPath来注册,指定动画的起始帧和结束帧,然后自动计算和实现中间的过渡动画的一种动画方式。 CABasicAn ...
分类:移动开发   时间:2017-12-06 16:14:34    阅读次数:274
移动端布局 小记
vue 做 左侧菜单栏,wrapper 为父级,弹出时显示并从左侧做滑入动画,transform: translateX(-250px); 渐隐渐现。子级左右布局左侧60%,右侧40%,点击滑出菜单且隐藏 给a标签hover效果 添加 下划线 过渡动画 ...
分类:移动开发   时间:2017-12-05 21:50:04    阅读次数:154
Vue深度学习(5)-过渡效果
简介 通过 Vue.js 的过渡系统,你可以轻松的为 DOM 节点被插入/移除的过程添加过渡动画效果。Vue 将会在适当的时机添加/移除 CSS 类名来触发 CSS3 过渡/动画效果,你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 以 v-transiti ...
分类:其他好文   时间:2017-11-28 21:50:33    阅读次数:170
Vue--过渡动画实现的三种方式
一.使用vue的transition标签结合css样式完成动画 二.利用animate.css结合transition实现动画 animate.css 演示地址 : https://daneden.github.io/animate.css/ 1 @charset "UTF-8"; 2 3 /*! ...
分类:其他好文   时间:2017-11-19 11:18:58    阅读次数:1640
vue学习笔记
npm - 换淘宝源 Node 的模块管理器 npm 会一起安装好。由于 Node 的官方模块仓库网速太慢,模块仓库需要切换到阿里的源。npm config set registry https://registry.npm.taobao.org/ 执行下面的命令,确认是否切换成功。npm conf ...
分类:其他好文   时间:2017-10-16 19:41:04    阅读次数:197
实现鼠标悬浮内容自动撑开的过渡动画
需要为一个列表添加个动画,容器的高度是不确定的,也就是高度为 auto,悬浮时候撑开内容有个过渡动画。 用 CSS3 实现的话,由于高度的不确定,而 transtion 是需要具体的树枝,所以设置 height:auto 是无法实现效果的,可以通过 max-height 这个属性间接的实现这么个效果 ...
分类:其他好文   时间:2017-09-26 17:41:23    阅读次数:165
app的启动页面(二)----四种APP启动页设计方案
第一种APP启动页设计方案: 扁平法 简单粗暴的手法。简单的纯色或者几何立体背景+广告语+icon,也适合如今设计的风格趋势等。 方案的延伸就是,加点加载动画或者过渡动画。 第二种APP启动页设计方案: 组合法 根据行业背景来设计,选取行业元素做一个图形化组合或者图形化标志等,衬托突出APP的ico ...
分类:移动开发   时间:2017-09-24 19:20:06    阅读次数:304
220条   上一页 1 ... 6 7 8 9 10 ... 22 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!