پنج مدل مختلف لودینگ جی کوئری

جمعه ۶ اردیبهشت ۱۳۹۲ comment

۲ دیدگاه

3,965 بازدید

۵ مدل مختلف از لودینگ های جذاب ساخته شده با جی کوئری

آموزش استفاده

قبل از تگ <head/>

		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
		<script src="js/modernizr.custom.63321.js"></script>
		<!--[if lte IE 9]><style>.main{display:none;} .support-note .note-ie{display:block;}</style><![endif]-->

بعد از تگ <body>

<div class="container">

			<header>

				<h1>Creative <strong>CSS Loading Animations</strong></h1>
				<h2>Toggling sphere</h2>

				<nav class="codrops-demos">
					<a class="current-demo" href="index.html">Demo 1</a>
					<a href="index2.html">Demo 2</a>
					<a href="index3.html">Demo 3</a>
					<a href="index4.html">Demo 4</a>
					<a href="index5.html">Demo 5</a>
				</nav>

				<div class="support-note">
					<span class="note-ie">Sorry, only modern browsers.</span>
				</div>

			</header>

			<section class="main">
				<!-- the component -->
				<div class="bar">
					<i class="sphere"></i>
				</div>
			</section>
		</div>