Animation

generate css animation code for your page

What is Animation?

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

Stats

This extension was removed from Chrome Web Store on 2022-06-30

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

Email: oc*****@qq.com

URLs: Website

Stats date:

Other platforms

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.

Summary

Analyze keywords

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

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

使用说明

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

User reviews

可以,希望不断更...

没牙大松鼠, 2019-09-06

açılmıyor ki !!!!!

by A Google user, 2019-02-26

不错不错

Soleil Kin, 2017-04-28

View all user reviews

Safety

Risk impact

Animation is very risky to use and it requires a lot of sensitive permissions. Avoid installing this extension unless you absolutely trust this publisher.