首页>>Jquery文字>>移动端手机手势解锁(2019-04-02)

移动端手机手势解锁

移动端手机手势解锁
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

CSS Code
  1. <style type="text/css">  
  2.         body{  
  3.             text-align: center;  
  4.             background: #305066;  
  5.         }  
  6.         h4{  
  7.             color: #22C3AA;  
  8.         }  
  9.         @keyframes no {  
  10.             0%{ transform: translateX(0)}  
  11.             20%{transform: translateX(-20px)}  
  12.             40%{transform: translateX(20px)}  
  13.             60%{transform: translateX(-10px)}  
  14.             80%{transform: translateX(10px)}  
  15.             100%{transform: translateX(0)}  
  16.         }  
  17.         .on{  
  18.             transition: all 1s;  
  19.             margin-top: 300px;  
  20.             font-size: 80px;  
  21.             width: 100%;  
  22.             opacity: 0;  
  23.         }  
  24.     </style>  

 

JavaScript Code
  1. <script type="text/javascript">  
  2.         new canvasLock({chooseType:3}).init();  
  3.     </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_740.html