Animation

generate css animation code for your page

Animation - Generate CSS animation code

Animation is a Chrome extension that allows you to easily add CSS3 animations to your projects. With Animation, you can preview and export CSS3 animations and keyframes. Simply open Chrome DevTools, select the 'Elements' tab, and find the 'Animation' subpanel. Choose the desired animation and configure the parameters. Export the animation's CSS and keyframes, which can be applied to your elements. Please note that for optimal functionality, avoid using the file:// protocol and instead open your page using a local server.

Extension stats

By: Vace
Users: 2,000+
Rating: 4.63
(8)
Version: 2.0.1 (Last updated: 2019-08-01)
Creation date: 2019-08-01
Risk impact: Very high risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • debugger
  • notifications
  • clipboardWrite
  • notifications
  • <all_urls>
  • tabs
  • http://*/*
  • https://*/*
Size: 681.98K
URLs: Website

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

快速给项目加上css3动画,可以预览导出css3动画以及keyframes。

注意:如果不能正常实用,请在本地开启一个简易的server,尽量不要使用 file:// 协议打开页面。

使用说明

1.打开 chrome devtools,选择 Elements -> 在子面板中寻找Animation 2.选择页面元素,在右侧选择对应动画和配置参数 3.导出动画的css以及keyframes(优先匹配 c3|vp|_vp|ani 前缀的class)

User reviews

可以,希望不断更...
by 没牙大松鼠, 2019-09-06

açılmıyor ki !!!!!
by A Google user, 2019-02-26

不错不错
by Soleil Kin, 2017-04-28
View all user reviews

Extension safety

Risk impact

Animation requires a lot of sensitive permissions. Exercise caution before installing.

Risk likelihood

Animation may not be trust-worthy. Avoid installing if possible unless you really trust this publisher.

Upgrade to see risk analysis details

Promo images

Animation marquee promo image
Marquee promo image
Animation small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Animation: