css文本底部淡入淡出效果特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 css文本底部淡入淡出效果特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css文本底部淡入淡出效果</title>
<link rel="stylesheet" type="text/css" href="style.css" />
	
	<!--[if lte IE 6]>

		<style type="text/css" media="screen">
			#bottom_fade {
				background: none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bottom-fade.png',sizingMethod='scale');
				left: 0px;
				height: 200px;
				position: absolute;
				bottom: -18px;
				width: expression(document.body.clientWidth);
			}
			html, body {
				height: 100%; overflow: auto;
			}
		</style>
	<![endif]-->
</head>

<body>

	<div id="page_wrap">
	
		<h1>css文本底部淡入淡出效果</h1>
		<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>		<br />
		
		<p>Completely revolutionize high-quality niches after mission-critical expertise. Professionally deploy standardized total linkage before interoperable architectures. Quickly formulate future-proof meta-services through cross functional portals. Holisticly procrastinate timely results vis-a-vis principle-centered human capital. Distinctively incubate emerging systems and collaborative best practices. Compellingly exploit next-generation technology via web-enabled results.<br /><br />

Professionally disintermediate 24/365 web services via intermandated technologies. Holisticly disseminate flexible web services through professional results. Enthusiastically empower integrated channels and standards compliant channels. Proactively brand end-to-end process improvements rather than resource sucking results. Phosfluorescently envisioneer excellent growth strategies rather than equity invested outsourcing. Assertively build progressive data whereas process-centric processes. Dramatically visualize highly efficient sources via accurate applications. Efficiently engineer orthogonal infomediaries for cross functional ROI. Conveniently restore alternative functionalities after intermandated systems. <br /><br />

Credibly aggregate dynamic synergy and one-to-one testing procedures. Credibly synergize out-of-the-box growth strategies via timely mindshare. Synergistically embrace extensive schemas and multidisciplinary processes. Monotonectally synergize 2.0 sources before resource-leveling sources. Professionally grow value-added results before client-based internal or "organic" sources. Uniquely network alternative processes for interoperable solutions. <br /><br />

Quickly fabricate out-of-the-box relationships via top-line e-services. Uniquely restore market positioning synergy rather than long-term high-impact manufactured products. Monotonectally plagiarize high-payoff interfaces rather than business internal or "organic" sources. Credibly synergize plug-and-play interfaces rather than intuitive results. Compellingly expedite fully tested outsourcing vis-a-vis impactful synergy. Energistically build strategic value and excellent portals. Holisticly deliver revolutionary users before extensive value. Uniquely leverage other's low-risk high-yield e-services before multidisciplinary action items. Dynamically formulate proactive metrics via just in time e-business. <br /><br />

Objectively parallel task 24/365 services after superior products. Competently disintermediate unique web services through unique outsourcing. Efficiently evisculate functionalized data with market positioning resources. <br /><br />

Distinctively reconceptualize principle-centered niches rather than state of the art action items. Compellingly disseminate 24/365 convergence and standardized architectures. Continually repurpose high-payoff methods of empowerment whereas virtual relationships. Compellingly administrate professional web-readiness before worldwide bandwidth. Energistically redefine high-payoff bandwidth for empowered niches. Phosfluorescently foster backward-compatible e-tailers for backward-compatible architectures. <br /><br />

Distinctively re-engineer impactful architectures and resource sucking niches. Authoritatively envisioneer leveraged total linkage whereas vertical value. Phosfluorescently iterate dynamic opportunities through multimedia based systems. Uniquely e-enable frictionless paradigms after B2C initiatives. Credibly deliver go forward methods of empowerment via professional total linkage. Dramatically deliver client-based portals whereas collaborative innovation. Uniquely parallel task quality opportunities before highly efficient e-tailers. Synergistically productivate world-class infomediaries and distributed content. Appropriately build equity invested e-commerce and focused process improvements. Efficiently architect holistic methods of empowerment for reliable customer service. Phosfluorescently utilize synergistic mindshare with adaptive methodologies. Seamlessly strategize best-of-breed niche markets without high-quality materials. <br /><br />

Conveniently develop alternative total linkage via customized testing procedures. Credibly scale timely relationships whereas front-end vortals. Quickly target cost effective e-business through strategic services. Uniquely seize installed base deliverables through user-centric niche markets. Seamlessly simplify top-line strategic theme areas through corporate outsourcing. Appropriately incubate frictionless markets whereas functionalized web services. <br /><br />

Assertively synthesize revolutionary technologies after competitive value.</p>

		<div id="bottom_fade"></div>
	</div>
</body>
</html>

CSS代码(style.css):

*{margin:0;padding:0;border:0;}
body{font-family:"Lucida Grande",Georgia,sans-serif;font-size:67.5%;}
p{font-size:1.1em;line-height:1.6em;}
#page_wrap{width:600px;z-index:1;margin:10px auto;}
#bottom_fade{width:600px;height:200px;z-index:99;position:fixed;bottom:0px;background:url("bottom-fade.png") bottom center no-repeat;}

附件:下载该文件资源,减少时间成本(增值服务)