css实现晶莹剔透的行星效果代码-html代码-BFW代码库

css实现晶莹剔透的行星效果代码

代码语言：html

代码描述：css实现晶莹剔透的行星效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
    * {
    padding: 0;
    margin: 0
}

body {
    background-color: #111
}

.container {
    position: absolute;
    width: 200px;
    height: 200px;
    padding: 20px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: linear-gradient(150deg,#5f2093,transparent,transparent);
    animation: move 6s cubic-bezier(0.45,0.05,0.55,0.95) infinite
}

.container::before,.container::after {
    content: "";
    top: -185px;
    left: 65px;
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: rgba(255,255,25.........完整代码请登录后点击上方下载按钮下载查看