jQuery&animation实现漂流瓶扔和写动画效果

最新推荐文章于 2022-03-25 17:57:05 发布

一朵叶子

最新推荐文章于 2022-03-25 17:57:05 发布

阅读量1.1k

点赞数

分类专栏：动画文章标签： jquery animation css3

本文链接：https://blog.youkuaiyun.com/yjy528/article/details/122554866

版权

“捞一个” 和 “扔出去”，漂流瓶纯动画（jQuery&animation实现，移动端大小，单位rem）

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta name="viewport"  content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="robots" content="nofollow" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>
    <style>
        *{margin:0;padding:0;font-family:"微软雅黑",Microsoft YaHei,Arial, Helvetica, sans-serif, "宋体";font-size:12px;list-style:none;font-weight: normal;}
        body{margin:0 auto;padding:0;width:100%;background:#ff7348