Css动画

过渡、动画

transition <transition> 和 <keep-alive> 两个结合一起用,要确保在内层使用 <keep-alive> 所有过渡特性都可以动态绑定,但我们不仅仅只有特性可以利用,还可以通过事件钩子获取上下文中的所有数据,因为事件钩子都是方法。这意味着,根据组件的状态不同,你的 JavaScript 过...

你所不知道的 CSS 负值技巧与细节

写本文的起因是,一天在群里有同学说误打误撞下,使用负的outline-offset实现了加号。嗯?好奇的我马上也动手尝试了下,到底是如何使用负的 outline-offset 实现加号呢? 使用负值 outline-offset 实现加号 假设我们有这样一个简单的结构: <div></div> div { 200px;...

Vue.js 源码分析(二十八) 高级应用 transition组件 详解

transition组件可以给任何元素和组件添加进入/离开过渡,但只能给单个组件实行过渡效果(多个元素可以用transition-group组件,下一节再讲),调用该内置组件时,可以传入如下特性:     name         用于自动生成CSS过渡类名        例如:name:'fade'将自动拓展为.fade-enter,.fade-ente...

CSS动画:animation、transition、transform、translate

https://blog.csdn.net/px01ih8/article/details/80780470 一、区分容易混淆的几个属性和值 先区分一下css中的几个属性:animation(动画)、transition(过渡)、transform(变形)、translate(移动)。 CSS3中的transform(变形)属性用于内联元素和块级元素,可...