Denis (mr_dramm) denisso

Рекомендуется к прочтению:

Анимация в браузерах и как с ней работать секция "Неочевидные моменты в работе Layout/reflow"

Постановка задачи

Разработаем popup с автоматическим вертикальнием выравнивание при добавлении и удалении элементов, а также автоматическое удаление popup через заданный интервал времени. При добавлении и удалении используем анимацию для улучшения пользовательского опыта

Функциональные фичи:

автоматическое вертикальное выравнивание при добавлении и удалении popup
автоматическое удаление popup через указанные промежуток времени
анимация появления удаления выравнивания

	<!-- https://codepen.io/den4ik_rus/pen/RweqdYK -->
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style>
	* {

	<!-- https://codepen.io/den4ik_rus/pen/yLxKoea -->
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title></title>
	<style>
	* {