Просмотр архива Сайт-визитка лендинг проектов (слив)

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name:
fadeInUp;
	-webkit-animation-duration: .3s;
	animation-duration:
.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode:
both;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
	0%
{
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform:
translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform:
translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0%
{
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform:
translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity:
1;
		-webkit-transform: translateY(0);
		-ms-transform:
translateY(0);
		transform: translateY(0);
	}
}

/* S E P A R A T O R
*/

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name:
fadeOutDown;
	-webkit-animation-duration: .3s;
	animation-duration:
.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode:
both;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity:
1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100%
{
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform:
translateY(20px);
	}
}
@keyframes fadeOutDown {
	0% {
		opacity:
1;
		-webkit-transform: translateY(0);
		-ms-transform:
translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity:
0;
		-webkit-transform: translateY(20px);
		-ms-transform:
translateY(20px);
		transform: translateY(20px);
	}
}

/* S E P A R A T O R
*/

.scaleUp {
	-webkit-animation-name: scaleUp;
	animation-name:
scaleUp;
	-webkit-animation-duration: .3s;
	animation-duration:
.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode:
both;
}
@-webkit-keyframes scaleUp {
	0% {
		-webkit-transform:
scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform:
scale(1.1);
		transform: scale(1.1);
	}
}
@keyframes scaleUp {
	0%
{
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform:
scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		-ms-transform:
scale(1.1);
		transform: scale(1.1);
	}
}

/* S E P A R A T O R
*/

.scaleDown {
	-webkit-animation-name: scaleDown;
	animation-name:
scaleDown;
	-webkit-animation-duration: .3s;
	animation-duration:
.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode:
both;
}
@-webkit-keyframes scaleDown {
	0% {
		-webkit-transform:
scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform:
scale(1);
		transform: scale(1);
	}
}
@keyframes scaleDown {
	0%
{
		-webkit-transform: scale(1.1);
		-ms-transform:
scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform:
scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}