Get started with velocity CDN
MIT licensed
JQuery plugin: Velocity.js - easier, flexible animations/scrolling with smoother CSS interactions.
Tags:- animation
- jquery
- animate
- lightweight
- smooth
- ui
- velocity.js
- velocityjs
- javascript
Stable version
Copied!
How to start using velocity CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with velocity CDN - cdnhub.io</title>
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/velocity.min.js"></script>
</head>
<body>
<button id="animate-btn">Animate</button>
<div id="box" class="box">Box</div>
<script>
const animateBtn = document.querySelector('#animate-btn');
const box = document.querySelector('#box');
animateBtn.addEventListener('click', () => {
Velocity(box, { opacity: 0.5, translateX: '50px' }, { duration: 500 });
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
All versions
0.0.0
0.0.1
0.0.10
0.0.11
0.0.12
0.0.13
0.0.14
0.0.15
0.0.16
0.0.17
0.0.18
0.0.19
0.0.20
0.0.21
0.0.22
0.0.23
0.0.3
0.0.4
0.0.5
0.0.51
0.0.52
0.0.53
0.0.54
0.0.55
0.0.9
0.1.0
0.10.0
0.10.1
0.11.0
0.11.1
0.11.2
0.11.5
0.11.6
0.11.7
0.11.8
0.11.9
0.2.0
0.2.1
0.3.0
0.4.0
0.4.1
0.5.0
0.5.1
0.5.2
0.5.3
0.6.0
0.7.0
0.8.0
0.9.0
1.0.0
1.1.0
1.2.0
1.2.1
1.2.2
1.2.3
1.3.0
1.3.1
1.3.2
1.4.0
1.4.1
1.4.2
1.4.3
1.5.0
1.5.1
1.5.2
2.0.0
2.0.1
2.0.2
2.0.3
2.0.4
2.0.5
*** 2.0.6