ЭФФЕКТЫ ПОЯВЛЕНИЯ ЭЛЕМЕНТОВ:
Вставляем следующий код перед закрывающим тегом </body>
ВАЖНО: проверяем не подключен ли уже jqery:
<script src="js/jquery-1.9.1.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.leanModal.min.js"></script>
Добавляем эффект планого появления:
Добавляем стиль в style.css
.hidden_area {opacity: 0;}
<div id="amount"></div>
class="area"
Добавляем эффект "выскакивания" элемента:
Добавляем стиль в style.css
.anim {transition: all 0.6s ease; opacity: 0.01;}
<div class="effect">
<div class="wrap scroll-animate">
<div class="anim"></div>
</div></div>