div+css实现日食光晕动画效果代码
代码语言:html
所属分类:动画
代码描述:div+css实现日食光晕动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> #gradient1 { background: linear-gradient(70deg, rgb(10, 3, 15) 0%, rgb(64, 69, 149) 25%, rgb(10, 3, 15) 50%, rgb(64, 69, 149) 75%, rgb(10, 3, 15) 100%); z-index: 0; animation: Scroll 4s linear infinite; background-size: 300% 200%; } @keyframes Scroll { 0% { background-position: 0% 0%; } 100% { background-position: 100% 33%; } } #gradient2 { background: radial-gradient(circle, rgb(0, 0, 0) 0%, rgb(207, 204, 205) 55%, rgb(70, 9, 144) 100%); .........完整代码请登录后点击上方下载按钮下载查看
网友评论0