adicn/statics/my/css3/Indexcss3.css

@charset "utf-8";
/* CSS Document */

.Fillet
{
	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */

}
.Rotation img
{
	transition:All 0.4s ease-in-out;
   -webkit-transition:All 0.4s ease-in-out;
   -moz-transition:All 0.4s ease-in-out;
   -o-transition:All 0.4s ease-in-out;
}
.Rotation:hover img
{
	transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
}
.Amplification img
{
	
	transition:400ms; 
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.Amplification:hover img
{
	filter: Alpha(Opacity=80); 
	opacity: 0.8; 
	-webkit-transform:scale(1.14); 
	transform:scale(1.14);
}
	
	
.Color_change img
{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.Color_change:hover img
{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
	filter:;
}
	
.Animation_moveDown
{
	-webkit-animation: moveDown 1s ease-in-out .2s backwards;
	-moz-animation: moveDown 1s ease-in-out .2s backwards;
	-ms-animation: moveDown 1s ease-in-out .2s backwards;
	-o-animation: moveDown 1s ease-in-out .2s backwards;
	animation: moveDown 1s ease-in-out .2s backwards;
}	




@-webkit-keyframes moveDown {
	from {
		-webkit-transform: translateY(-100px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes moveDown {
	from {
		-moz-transform: translateY(-100px);
		opacity: 0;
	}
	to {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}
@keyframes moveDown {
	from {
		transform: translateY(-100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@-ms-keyframes moveDown {
	from {
		-ms-transform: translateY(-100px);
		opacity: 0;
	}
	to {
		-ms-transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes moveUp {
	from {
		-webkit-transform: translateY(100px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes moveUp {
	from {
		-moz-transform: translateY(100px);
		opacity: 0;
	}
	to {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}
@keyframes moveUp {
	from {
		transform: translateY(100px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@-ms-keyframes moveUp {
	from {
		-ms-transform: translateY(100px);
		opacity: 0;
	}
	to {
		-ms-transform: translateY(0);
		opacity: 1;
	}
}


@-webkit-keyframes moveLeft {
	from {
		-webkit-transform: translateX(-100px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes moveLeft {
	from {
		-moz-transform: translateX(-100px);
		opacity: 0;
	}
	to {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}
@keyframes moveLeft {
	from {
		transform: translateX(-100px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
@-ms-keyframes moveLeft {
	from {
		-ms-transform: translateX(-100px);
		opacity: 0;
	}
	to {
		-ms-transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes moveRight {
	from {
		-webkit-transform: translateX(100px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes moveRight {
	from {
		-moz-transform: translateX(100px);
		opacity: 0;
	}
	to {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}
@keyframes moveRight {
	from {
		transform: translateX(100px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
@-ms-keyframes moveRight {
	from {
		-ms-transform: translateX(100px);
		opacity: 0;
	}
	to {
		-ms-transform: translateX(0);
		opacity: 1;
	}
}
.bgGradient{
	-webkit-transition: background-color 1s;
    -moz-transition:background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}