css3 animation 学习

阅读更多

 

css3中可以实现动画效果，主要是通过css3中新增加的属性(transform , transition,animation )来完成。

 

他们的详细解释可以参考 W3CSCHOOL

 

下面是效果图：

 

 

类似于tab选项卡，当点击某个input的时候，就以动画的效果来显示对应的内容区域。

 

	
	 



        

		
			

			
				
				Serendipity
				
				Happiness
				
				Tranquillity
				
				Positivity
				
				Passion
				
				

				
					
					
					

						
Serendipity
						
Banksy adipisicing eiusmod banh mi sed. Squid stumptown est odd future nisi, commodo mlkshk pop-up adipisicing retro.
					
					
					

						
Happiness
						
Art party readymade beard labore cosby sweater culpa. Art party whatever incididunt, scenester umami polaroid tofu.
					
					
					

						
Tranquillity
						
Sint aute occaecat id vice. Post-ironic fap pork belly next level godard, id fanny pack williamsburg forage truffaut.
					
					
					

						
Positivity
						
Mixtape fap leggings art party, butcher authentic farm-to-table you probably haven't heard of them do labore cosby sweater.
					
					
					

						
Passion
						
Fixie ad odd future polaroid dreamcatcher, nesciunt carles bicycle rights accusamus mcsweeney's mumblecore nulla irony.