收藏一些炫酷的css效果(持续更新)

css实现loading全屏加载动画

戳这里看demo

从右出来（类似翻页效果）

.slider-enter-active, .slider-leave-active {
  transition: all .5s;
}
.slider-enter, .slider-leave-to  {
  transform: translate3d(100%,0,0)
}

戳这里看demo

输入框样式动画

输入框focus时占位文案移到输入框顶部，这是很常见的一个动画

戳这里看demo