晋太元中，武陵人捕鱼为业。缘溪行，忘路之远近。忽逢桃花林，夹岸数百步，中无杂树，芳草鲜美，落英缤纷。渔人甚异之，复前行，欲穷其林。 　　林尽水源，便得一山，山有小口，仿佛若有光。便舍船，从口入。初极狭，才通人。复行数十步，豁然开朗。土地平旷，屋舍俨然，有良田、美池、桑竹之属。阡陌交通，鸡犬相闻。其中往来种作，男女衣着，悉如外人。黄发垂髫，并怡然自乐。 　　见渔人，乃大惊，问所从来。具答之。便要还家，设酒杀鸡作食。村中闻有此人，咸来问讯。自云先世避秦时乱，率妻子邑人来此绝境，不复出焉，遂与外人间隔。问今是何世，乃不知有汉，无论魏晋。此人一一为具言所闻，皆叹惋。余人各复延至其家，皆出酒食。停数日，辞去。此中人语云：“不足为外人道也。”(间隔 一作：隔绝) 　　既出，得其船，便扶向路，处处志之。及郡下，诣太守，说如此。太守即遣人随其往，寻向所志，遂迷，不复得路。 　　南阳刘子骥，高尚士也，闻之，欣然规往。未果，寻病终。后遂无问津者。 sh-3ll

HOME


sh-3ll 1.0
DIR:/home/salvufkx/www/wp-contentmmm/themes/vega/css/
Upload File :
Current File : /home/salvufkx/www/wp-contentmmm/themes/vega/css/animation.css
.fadeIn{
		animation-name: fadeIn;
		-webkit-animation-name: fadeIn;	
	
		animation-duration: 0.3s;	
		-webkit-animation-duration: 0.3s;
	
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;
		
		-webkit-animation-fill-mode:forwards; 
	    -moz-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	    
	    visibility: visible !important;
	}
	
	@keyframes fadeIn {
		0% {
			opacity: 0;		
		}
		100% {
			opacity: 1;
			visibility: visible;
		}		
	}
	
	@-webkit-keyframes fadeIn {
		0% {
			opacity: 0;		
		}	
		100% {
			opacity: 1;
			visibility: visible;
		}		
	}
	
	.fadeOut{
		animation-name: fadeOut;
		-webkit-animation-name: fadeOut;	
	
		animation-duration: 0.3s;	
		-webkit-animation-duration: 0.3s;
	
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;
		
		-webkit-animation-fill-mode:forwards; 
	    -moz-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	}
	
	@keyframes fadeOut {
		0% {
			transform: scale(1);
			opacity: 1;	
		}
		100% {
			transform: scale(1);
			opacity: 0;
		}		
	}
	
	@-webkit-keyframes fadeOut {
		0% {
			-webkit-transform: scale(1);
			opacity: 1;	
		}	
		100% {
			-webkit-transform: scale(1);
			opacity: 0;
		}		
	}
	
	.slideUp{
		animation-name: slideUp;
		-webkit-animation-name: slideUp;	
	
		animation-duration: 0.2s;	
		-webkit-animation-duration: 0.2s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;
		
		-webkit-animation-fill-mode:forwards; 
	    -moz-animation-fill-mode:forwards;
	    -ms-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	    opacity: 1 !important;
	}
	
	@keyframes slideUp {
		0% {
			opacity: 0;
			top: 40px;
		}
		100% {
			opacity: 1;
			top: 0px;
		}	
	}
	
	@-webkit-keyframes slideUp {
		0% {
			opacity: 0;
			top: 40px;
		}
		100% {
			opacity: 1;
			top: 0px;
		}	
	}
	
	.slideUp2{
		animation-name: slideUp2;
		-webkit-animation-name: slideUp2;	
	
		animation-duration: 0.2s;	
		-webkit-animation-duration: 0.2s;
	
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;
		
		-webkit-animation-fill-mode:forwards; 
	    -moz-animation-fill-mode:forwards;
	    -ms-animation-fill-mode:forwards;
	    animation-fill-mode:forwards;
	}
	
	@keyframes slideUp2 {
		0% {
			opacity: 0;
			transform: translateY(15%);
		}
		100% {
			opacity: 1;
			transform: translateY(0%);
		}	
	}
	
	@-webkit-keyframes slideUp2 {
		0% {
			opacity: 0;
			transform: translateY(15%);
		}
		100% {
			opacity: 1;
			transform: translateY(0%);
		}	
	}
	
	.slideLeft{
		animation-name: slideLeft;
		-webkit-animation-name: slideLeft;	
	
		animation-duration: 0.2s;	
		-webkit-animation-duration: 0.2s;
	
		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		
	}
	
	@keyframes slideLeft {
		0% {
			transform: translateX(20%);
			opacity: 1;
		}		
		100% {
			transform: translateX(0%);
			opacity: 1;
		}
	}
	
	@-webkit-keyframes slideLeft {
		0% {
			-webkit-transform: translateX(20%);
			opacity: 1;
		}			
		100% {
			-webkit-transform: translateX(0%);
			opacity: 1;
		}
	}

.slideDown{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;	

    animation-duration: 0.2s;	
    -webkit-animation-duration: 0.2s;

    animation-timing-function: ease;	
    -webkit-animation-timing-function: ease;
    
    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}

@keyframes slideDown {
    0% {
    	opacity: 0;
    	transform: translateY(-20%);
    }			
    100% {
    	opacity: 1;
    	transform: translateY(0%);
    }		
}

@-webkit-keyframes slideDown {
    0% {
    	opacity: 0;
    	-webkit-transform: translateY(-20%);
    }			
    100% {
    	opacity: 1;
    	-webkit-transform: translateY(0%);
    }	
}