电商项目（中）

position: static | relative | absolute | fixed | sticky ;

如果position值不是static，可以使用z-index属性，

    
     居中
    

z-index: auto;

// 先定义positionposition: absolute;z-index: 1;z-index: 2;z-index: 3;

裁剪 clip: rect(0 auto 35px 10px);

钟表：

心动：

海浪：

背景：

渐变色：

动画背景：

透明度：

	
    		
    
	
     
	
     
123
    
	

3D效果：

过渡：

溢出隐藏：

	
    			
    
     		dsaegadfasdfasdfasdfasdafasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfsdfasdfasdfasdfasdfasdfsdfasdfasdfasdfasdfasdfdfs	
    

布局：

	
    			
    
		
     
      1
     
		
     
      2
     
		
     
      3
     
	
    

	
    			
    
		
     
      1
     
		
     
      2
     
		
     
      3
     
	
    

	
    			
    
		
     
      1
     
		
     
      2
     
		
     
      3
     
	
    

	
    			
    
		
     
      1
     
		
     
      2
     
		
     
      3
     
	
    

动画：

结言

好了，欢迎在留言区留言，与大家分享你的经验和心得。

感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。

作者简介

达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。