Motionia.js और Consoleimg.js का तेजी से परीक्षण

Motionia.js

<script src="https://cdn.jsdelivr.net/gh/abhiprojectz/motionia/dist/motionia.js" defer></script>

<div class="box1" onclick="motionia('.box5', 'slideX', '100px')">slideX</div>
<div class="box2" onclick="motionia('.box3', 'bounceIn')">bounceIn</div>
<div class="box3" onclick="motionia('.box4', 'rollIn')">rollIn</div>
<div class="box4" onclick="motionia('.box2', 'slideIn')">slideIn</div>
<div class="box5" onclick="motionia('.box1', 'slideY', '-100px')">slideY</div>

body {
	margin: 0;
	height: 100vh;
	background: radial-gradient(circle, lightgreen, darkgreen);
	display: flex;
	justify-content: center;
	align-items: center;
}

div {
	margin: 0 .5em;
	width: 100px;
	height: 100px;
	background: linear-gradient(skyblue, steelblue);
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.8);
	display: inherit;
	justify-content: center;
	align-items: center;
	font-family: system-ui;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	user-select: none;
}

• मेरी गणना के अनुसार 33 अंतर्निहित एनिमेशन हैं, ( उदाहरण के लिए, Animate.css , में 97 हैं)।
• कुछ एनिमेशन काम नहीं करते हैं, उदाहरण के लिए, फ्लिप।
• एनिमेशन बहुत सरल हैं।
• जब हम किसी अन्य स्क्रिप्ट में उपयोग करने की कोशिश कर रहे हैं Uncaught ReferenceError: motionia is not defined, अर्थात्। आप इसे केवल अंतर्निहित स्क्रिप्ट में उपयोग कर सकते हैं, जो कि कम नहीं है।
• JQuery द्वारा उपयोग किया जाता है, जो il faut भी नहीं है। मेरे पास jQuery के खिलाफ कुछ भी नहीं है, लेकिन इस तरह की कार्यक्षमता को शुद्ध जेएस में लागू किया जा सकता है।
• चयनकर्ताओं से, केवल पहचानकर्ता, कक्षाएं और टैग उपलब्ध हैं।

Consoleimg.js

<script src="consoleimg.min.js"></script>

consoleimg.load('img.png', {size: 320, color: '#fff'})