অ্যাঙ্গুলারজেএস ngAnimate আরো
🌈অ্যাঙ্গুলারজেএস ngAnimate আরো কি?
📋অ্যাঙ্গুলারজেএস ngAnimate আরো হলো অ্যানিমেশন পরিচালনা করার পদ্ধতি।
⚒️অ্যাঙ্গুলারজেএস ngAnimate আরো অ্যানিমেশন পরিচালনা করতে ব্যবহৃত হয়।
অ্যাঙ্গুলারজেএস ngAnimate আরো অ্যানিমেশন পরিচালনা করার উদাহরণ।
angularjs
<!DOCTYPE html>
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.3/angular-animate.js"></script>
<style>
div {
transition: all linear 0.5s;
background-color: lightblue;
height: 100px;
width: 100%;
position: relative;
top: 0;
left: 0;
}
.ng-hide {
height: 0;
width: 0;
background-color: transparent;
top:-200px;
left: 200px;
}
</style>
<body ng-app="ngAnimate">
<button ng-click="execute = !execute">অ্যানিমেশন</button>
<div ng-hide="execute">
<h1>প্রোগ্রামিং শিখুন</h1>
<p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>