jquery实现鼠标指针变成飞艇点击踏浪圈圈动画效果代码
代码语言:html
所属分类:动画
代码描述:jquery实现鼠标指针变成飞艇点击踏浪圈圈动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="Color Draw"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <style> body{background-color: #1D1D1D} html { cursor: url('//repo.bfw.wiki/bfwrepo/images/menghuan.ico'), auto; } .draw { position: fixed; width: 1px; line-height: 1px; pointer-events: none; } @keyframes floatOne { 0% { opacity:1; } 50% { opacity:1; } 100% { opacity:0; transform:translate3D(0, -20px, 0) scale(5) rotate(45deg); } } </style> </head> <body> <h3 style="text-align: center;line-height: 50px;color: aliceblue">移动鼠标查看效果</h3> <script type="text/javascript" src=.........完整代码请登录后点击上方下载按钮下载查看
网友评论0