购物车抛物线

[css]

.shop{  
   position: fixed;  
   top: 300px;  
   left: 40px;  
 }  
.ball{  
   position: fixed;  
   left: 32px;  
   bottom: 22px;  
   z-index: 200;  
   transition: all 0.4s cubic-bezier(0.49, -0.29, 0.75, 0.41); /*贝塞尔曲线*/  
 }  
.inner{  
   width: 16px;  
   height: 16px;  
   border-radius: 50%;  
   background-color: rgb(0,160,220);  
   transition: all 0.4s linear;  
 }  
.cart{  
  position: fixed;  
  bottom: 22px;  
  left: 32px;  
  width: 30px;  
  height: 30px;  
  background-color: rgb(0,160,220);  
  color: rgb(255,255,255);  
}  

[html]

 
  • {{item.text}} {{item.price}}
{{count}}

[javascript]

 

你可能感兴趣的:(购物车抛物线)