Skip to content
| Marketplace
Sign in
Visual Studio>Tools>CssCompositionTool
CssCompositionTool

CssCompositionTool

Saul Scudder

|
2,245 installs
| (0) | Free
Compose Css3 Classes and Animations
Download

Caution: The SQL localdb created by Visual Studio 2022 with the desktop or some other packages installed is used as the default database. You may use Visual Studio's Sql Server Object Explorer to see if you already have that database and/or install it using the Visual Studio Installer from the 'Get Tools and Features' entry on the Tools menu. image.png

Other SQL databases may be used instead of localdb by setting or adding a data value named 'SqlConnection' under the registry key 'HKEY_CURRENT_USER\SOFTWARE_ZEN_SOFT\CssScriptClassesExt' to a connection string for another server where permission exists. (An example connection string I've used is shown below ) Set the registry value before starting Visual Studio.

image__1.png

Hints The first time the extension is run it creates the data base for Css3 components, please wait until it is done before using it. When the settings box appears it is done.

  • If after an edit the script displayed does not update, press the 'Build Style' button to update the window.
  • If after resizing all of the tools do not show in the tool window, close the extension window and reopen it using the Tool menu entry.

Features

The CssCompositrion extension for visual studio enables composing Css Classes and animation key frames by selecting their components and saves the components and classes in the (localdb) database created when visual studio 2022 is installed.

image__2.png

The tool enables selection of components in Css3 classes and Animation Key Frames, It allows selection of colors in gradients image__3.png

Selection is done from expanding controls in the settings box image__4.png

Pressing the 'copy' button creates a copy image__5.png

When you have a lot of Css3 classes, the 'Choose Style button is useful. image__6.png

The Show Style button displays the Style being edited in a web page. image__7.png

Compose/View Animation brings up the page where animation key frames are edited image__8.png

Animation may be mixed into styles by selecting a set of key frames by name. image__9.png

Thank you for using CssComposition

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft