css布局实现万圣节鬼魂从地底下爬起效果代码
代码语言:html
所属分类:布局界面
代码描述:css布局实现万圣节鬼魂从地底下爬起效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .rise { position: fixed; inset: 0; background: linear-gradient(#010101 0 0) calc(50% + 185px) calc(100% - 276px)/30px 10px, linear-gradient(#010101 0 0) calc(50% + 185px) calc(100% - 246px)/12px 53px, radial-gradient(50% 50%,#010101 98%,#0000) calc(50% + 186px) calc(100% - 84px)/107px 180px, radial-gradient(50% 50%,#010101 98%,#0000) calc(50% - 240px) calc(100% - 181px)/68px 50px, linear-gradient(#010101 0 0) calc(50% - 240px) calc(100% - 150px)/68px 53px, linear-gradient(#010101 0 0) calc(50% - 150px) calc(100% - 260px)/117px 30px, linear-gradient(#010101 0 0) calc(50% - 150px) 100%/30px 340px, linear-gradient(0deg, #010101 150px,#0000 0), radial-gradient(circle at left 50% bottom 150px,#faee45 150px,#ec9c2f 300px,#0000 500px), linear-gradient(#9b0501,#ec9c2f); background-repeat: no-repeat; } .rise:before { content:""; position: absolute; left:0; bottom:150px; width: 100px; aspect-ratio: 1.5; background: conic-gradient(from 145deg at 40% 20%,#010101 15deg,#0000 16deg), conic-gradient(from 170deg at 60% 30%,#010101 20deg,#0000 21deg), conic-gradient(from 166deg at 80% 2%,#010101 10deg,#0000 11deg), conic-gradient(from 180deg at 12% 10%,#010101 10deg,#0000 11deg), conic-gradient(from 150deg at 20% 15%,#010101 12deg,#00.........完整代码请登录后点击上方下载按钮下载查看
网友评论0