css实现流星划破夜空动画效果代码
代码语言:html
所属分类:动画
代码描述:css实现流星划破夜空动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> .night-sky { display: block; position: fixed; width: 100vw; height: 100vh; z-index: -1; background: radial-gradient(at center bottom, #272762, #000000); } .shooting-stars { z-index: 10; width: 5px; height: 85px; border-top-left-radius: 50%; border-top-right-radius: 50%; position: absolute; bottom: 0; right: 0; background: linear-gradient(to top, rgba(255, 255, 255, 0), white); animation: animShootingStar 10s linear infinite; } @keyframes .........完整代码请登录后点击上方下载按钮下载查看
网友评论0