一、新建VUE页面（VUE动画效果页）二、配置路由三、主页增加链接代码：<template><div><divclass="title"><transitionname="fade"><pv-if="show">vue动画</p></transition></div><buttonv-on:cli
分类：
其他好文 时间：
2019-12-26 16:04:29
阅读次数：
76
用安卓手机的同学肯定不陌生，这个是安卓手机在充电的时候的效果。看到这个我就很好奇，使用 CSS 能做到吗？ 经过一番尝试，发现使用 CSS 也是可以很好的模拟这种动画效果： 知识点 拆解一下知识点，最主要的其实是用到了 filter: contrast() 以及 filter: blur() 这两个 ...
分类：
移动开发 时间：
2019-12-26 09:56:41
阅读次数：
85
主要分为四步： 边缘检测 将边缘检测得到的边缘 以黑色的形式贴在原来的画上。 对贴了边缘的图进行双边滤波，双边滤波可以较好的滤波的同时保留边缘。 修改图像的颜色的饱和度，本文采用的是将RGB转化为HSI空间，然后调整S分量。 代码修改： 1、未定义标识符cvCanny，加头文件: #include ...
分类：
其他好文 时间：
2019-12-25 18:58:34
阅读次数：
110
巧用 CSS 实现酷炫的充电动画 循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 画个电池 当然，电池充电，首先得用 CSS 画一个电池，这个不难，随便整一个： 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 方法很多，代码也很 ...
分类：
Web程序 时间：
2019-12-24 18:35:20
阅读次数：
176
.tips{ font-size: 24px; font-family: sans-serif; font-weight: 600; text-shadow: 1px 1px #ffb700; color:#000; background:-webkit-gradient(linear,left t ...
分类：
其他好文 时间：
2019-12-24 18:15:40
阅读次数：
78
transition 属性 简介 transition(过渡)) 是指从一个状态到另一个状态的变化。比如当鼠标在某个元素上悬停时，我们会修改它的样式，采用 transition 可以创建一个平滑的动画效果。 简单用法 代码 意义 在 0.5 秒的时间里，按照 linear 的时间函数(timing ...
分类：
Web程序 时间：
2019-12-24 09:52:29
阅读次数：
356
案例：开机动画 由上下两部分组成，先下面的高变为0 ，再最大的div宽为0，形成一个缩小到没有的动画效果 点击的X是在背景图上的，在上面设置了一个空的span用于注册点击事件 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> ...
分类：
Web程序 时间：
2019-12-23 00:46:42
阅读次数：
116
CSStransitions提供了一种在更改CSS属性时控制动画速度的方法。其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。比如，将一个元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用CSStransitions后该元素的颜色将逐渐从白色变为黑色，按照一定的曲线速率变化。这个过程可以自定义。CSStransitions可以决定哪些属性发生动画效果(明确地列出这些属性)，何时开
分类：
Web程序 时间：
2019-12-21 22:48:47
阅读次数：
118
JS动画效果，注意事件函数中所传递的传递的参数及某些事件函数返回的函数 1.进入动画钩子：before-enter,enter,after-enter; 2.离开动画钩子：before-leave，leave，after-leave; 3.在enter钩子中的函数调用done（）告诉Vue，JS动画 ...
分类：
Web程序 时间：
2019-12-21 13:43:19
阅读次数：
97
// 1. css样式 div { width: 100px; height: 100px; background: olivedrab; position: absolute; left: 0px; opacity: 1; } .top { top: 100px; } .bottom { top: ...
分类：
Web程序 时间：
2019-12-15 14:25:34
阅读次数：
122
