css实现赛博朋克太阳效果代码

代码语言:html

所属分类:布局界面

代码描述:css实现赛博朋克太阳效果代码

代码标签: css 赛博朋克 太阳

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        body {
          width: 100%;
          height: 100vh;
          margin: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          background: rgb(254,117,254);
          background: linear-gradient(0deg, rgba(254,117,254,1) 31%, rgba(18,4,88,1) 100%);
        }
        
        .cyberpunk_sun {
          width: 200px;
          height: 200px;
          background: rgb(255,18,79);
        background: linear-gradient(5deg, rgba(255,18,79,1) 14%, rgba(255,0,160,1) 87%);
          border-radius: 50%;
          box-shadow: 0 10px 100px 10px #fe75fe;
          position: relative;
          overflow: hidden;
        }
        
        .lines, 
        .lines::before,
        .line.........完整代码请登录后点击上方下载按钮下载查看

网友评论0