VelocityJS Issues

Fork and edit this as an example of a reported issue on GitHub

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://rawgit.com/julianshapiro/velocity/master/velocity.js"></script>
<script src="https://rawgit.com/julianshapiro/velocity/master/velocity.ui.js"></script>
<header>
    <p>
        Fork and edit this as an example of a reported issue on GitHub: <a href="https://github.com/julianshapiro/velocity/issues" target="_blank">https://github.com/julianshapiro/velocity/issues</a>
    </p>
</header>

<div id="div1">
    I am a teapot.
</div>

<div id="div2">
    I am a teapot.
</div>

<div id="div3">
    I am a teapot.
</div>

<div id="div4">
    I am a teapot.
</div>

<div id="div5">
    I am a teapot.
</div>

CSS

body {
    font-family: sans-serif;
    padding: 1rem;
}

div {
    display: inline-block;
    width: 10rem;
    padding: 0.25rem 0.5rem;
    margin: 1%;
    text-align: center;
    background: grey;
    color: white;
    filter: blur(5px);
}

JavaScript

/* You have access to Velocity and jQuery. */

document.querySelectorAll("div").velocity({
	filter: "blur(5px)"
}, {
	// options
});