What is CSS Brio?

CSS Brio is a Chrome extension developed by JRAYCV, and its main feature is "CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers.".

Extension Screenshots

Download CSS Brio Extension CRX File

Download CSS Brio extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

#Create CSS Animation Instantly!

Have amazing animation on your website in seconds.

#Live Animation Preview

CSS Brio allows you to preview your animations and see the kinds of animations available.

#CSS Code Provider

The CSS code used in the animations are provided by CSS Brio. Just choose your animation and view the code used click copy button and paste it on your stylesheet.

Designer's best CSS Animation companion

#Update
- Fix Manifest to 3.0

Extension Basic Information

Name	CSS Brio
ID	jobnjchaapmooplimahhnailldelmmed
Official URL	https://chromewebstore.google.com/detail/css-brio/jobnjchaapmooplimahhnailldelmmed
Description	CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers.
File Size	86.26 KB
Installation Count	3,067
Current Version	2.0.2
Last Updated	2023-12-19
Publish Date	2018-05-05
Rating	5.00/5 Total 5 Ratings
Developer	JRAYCV
Email	[email protected]
Payment Type	free
Extension Website	https://css-brio.github.io/
Help Page URL	https://css-brio.github.io/
Privacy Policy Page URL	https://pixelcodify.com/cbp/privacy-policy.html
Supported Languages	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "CSS Brio", "version": "2.0.2", "description": "CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers.", "short_name": "Brio", "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ], "css": [ "animate.css" ] } ], "permissions": [ "activeTab" ], "action": { "default_title": "CSS Brio Lite", "default_popup": "popup.html" }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "host_permissions": [ ":\/\/\/*" ] }