sublime text css动画插件-Animate.css-Snippets

最新推荐文章于 2023-02-24 17:27:20 发布

sunny_girls

最新推荐文章于 2023-02-24 17:27:20 发布

阅读量1.4k

点赞数

分类专栏： Sublime Text 文章标签： sublime text css动画 Animate.css

本文链接：https://blog.csdn.net/sunny_girls/article/details/44203297

版权

Sublime Text 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

Animate.css-Snippets是可以生成Animate.css动画代码的sublime text插件。

例如键入：animatecss-bounceOutDown

将生成以下代码：

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

...

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

安装：

可以通过Package Control来安装，搜索Animate.css。

github地址:https://github.com/adeniszczyc/Animate.css-Snippets