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.
Download

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:
High 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

Analyze keywords

快速给项目加上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:

Animate!
Animate!
Unknown
3.71
1,000+
AlloyDesigner
AlloyDesigner
TencentAlloyTeam
3.45
4,000+
CSS Brio
CSS Brio
JRAYCV
5.00
2,000+
Live editor for CSS, Less & Sass - Magic CSS
Live editor for CSS, Less & Sass - Magic CSS
https://webextensions.org
4.64
70,000+
Amino: Live CSS Editor
Amino: Live CSS Editor
https://amino.dev
4.30
30,000+
CSS3 Generator
CSS3 Generator
ahallicks
4.72
10,000+
FeHelper(前端助手)
FeHelper(前端助手)
https://www.baidufe.com
4.70
200,000+
CSS Peeper
CSS Peeper
CSS Peeper
4.63
500,000+
稀土掘金
稀土掘金
https://juejin.cn
3.57
100,000+
Code Cola
Code Cola
https://www.zhouqicf.com
4.63
20,000+
Web Maker
Web Maker
https://webmaker.app
4.80
50,000+
CSSViewer
CSSViewer
M.ed
4.40
200,000+
FullDownload
FullDownload
白眉鹰王
4.56
2,000+
Scraping Helper
Scraping Helper
Weicheng Huang
4.31
5,000+
开发工具箱
开发工具箱
hihiwjc
4.88
10,000+
CSS Scan
CSS Scan
https://getcssscan.com
3.79
20,000+
EnjoyCSS
EnjoyCSS
https://enjoycss.com
4.54
2,000+
JSON-handle
JSON-handle
https://jsonhandle.sinaapp.com
4.79
200,000+
ToolCat
ToolCat
Fens Liu
4.33
2,000+
HTTP Status
HTTP Status
MaiCong
4.94
4,597+
CSS Shapes Editor
CSS Shapes Editor
Razvan Caliman
3.82
10,000+
VisBug
VisBug
https://visbug.web.app
4.80
200,000+
CSS Spy
CSS Spy
SoftwareSeni
3.94
3,000+
Jinno: code any React component with AI
Jinno: code any React component with AI
Jinno
4.76
4,000+