JS做旋转的小球

最新推荐文章于 2022-06-11 19:42:51 发布

骚小孩呀

最新推荐文章于 2022-06-11 19:42:51 发布

阅读量597

点赞数

分类专栏： Demo 文章标签： js 动画

本文链接：https://blog.csdn.net/huaixiaohai_1/article/details/95451708

版权

该博客介绍如何利用JavaScript来实现一个旋转小球的动画效果，主要通过修改CSS渐变角度来达到视觉上的旋转动态展示。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            background:rosybrown;
        }
        #box{
            width:300px;
            height:300px;
            overflow: inherit;
            border-radius: 50%;
            box-shadow: 30px 20px 8px lightpink;
            float: left;
            margin-left: 100px;
        }
        .box{
            width:300px;
            height:300px;
            overflow: inherit;
            float: left;
            margin-left: 100px;
        }
    </style>
</head>
<body>
<div id="box" style="background:linear-gradient(0deg,deeppink,skyblue,yellow)">
<!--    <input type="range" min="0" max="360" value="0" onchange="change(t

最低0.47元/天解锁文章

骚小孩呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS做旋转的小球

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body{ background:...
复制链接

扫一扫

专栏目录