wow使用教程

wow使用教程简单易懂。

技术：bootstrap，font-awesome，wow，animate.css；

特点：让页面打开更优雅

宗旨：从实战中学知识。

效果图：

学习代码：

	
		
		
		
		
	
	
		
		

			wow pulse
		

		

			wow slideInLeft
		

		

			wow slideInRight
		
		
		
	

实战代码：

	
		
		
		
		
		
		
	

	
		

			
ITDragon博客
			
欢迎访问我的博客：http://blog.csdn.net/qq_19558705

			

				

					

						

							1
							
干
						
					
				
				

					

						

							2
							
货
						
					
				
				

					

						

							3
							
等
						
					
				
				

					

						

							4
							
你
						
					
				
				

					

						

							5
							
来
						
					
				
				

					

						

							6
							
拿
						
					
				
			
		
		
		
		

			

				
WOW
				
实战效果
			
			

				

					

						
					
					

						
I
						
详细内容
					
				
				

					

						
					
					

						
LOVE
						
详细内容
					
				
				

					

						
					
					

						
YOURS
						
详细内容
					
				
				

					

						
					
					

						
^0^
						
详细内容
					
				
			
		
		
		
		
	

资源下载： http://download.csdn.net/detail/qq_19558705/9369099

知识点：

①after和before选择器

在之前，之后执行css代码，其属性必须要有content

②animate.css使用

这是一款很强大的动画库，不需要js就可以达到效果，文档很详细很直观：http://daneden.github.io/animate.css/

③wow使用

class中必须要要包含wow

data-wow-duration:改变动画时间
data-wow-delay:延迟在动画开始之前
data-wow-offset:距离开始动画(浏览器底部)
data-wow-iteration:动画重复的次数

④font-awesome

http://fontawesome.dashgame.com/ 这是4.4.0的

我觉得在实战中学习比盲目学习效果好很多，知道这些知识可以做什么，解决了为什么学这些知识的问题。

我总结，你来学，一起装逼一起飞。有什么疑问和建议可以留言，我会及时修改。转载请注明来源http://blog.csdn.net/qq_19558705。

更多干货等你来拿 http://www.itit123.cn/