জয়েন লগইন

অ্যাঙ্গুলারজেএস 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>