> For the complete documentation index, see [llms.txt](https://infinitode-docs.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://infinitode-docs.gitbook.io/documentation/package-documentation/blurjs-package-documentation/blurjs-usage-examples.md). # BlurJS Usage Examples Simple usage examples for getting started with BlurJS. ## 1. Create a Basic HTML File Firstly we're going to create a basic HTML file, with just a parent div and a child div. ```html Blur Example
``` ## 2. Add BlurJS Now, let's add BlurJS to the project. For faster loading, we're going to use the `minified` version of BlurJS. Add this script tag at the bottom, just before the ending `` tag. ```html ``` ## 3. Make Magic After you've done that, let's finally make some **`magic`**! * Add this next to `
``` Scale and rotation use independent CSS transform properties. You can combine them without either animation replacing the other. ### Dynamic content BlurJS initializes new `.blur` elements after they enter the DOM. No manual reinitialization is needed for content rendered by a single-page application. {% hint style="success" %} We'd love to see what you've created, be sure to tag us on X/Twitter [@InfinitodeLTD](https://twitter.com/InfinitodeLtd) when you share your BlurJS implementation using `#`**BlurJS**. {% endhint %}