div+css实现飞人飞行loading加载动画效果代码
代码语言:html
所属分类:加载滚动
代码描述:div+css实现飞人飞行loading加载动画效果代码
代码标签: div css 飞人 飞行 loading 加载 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @import url(https://fonts.googleapis.com/css?family=Open+Sans:300); body { background-color: #f1c40f; overflow: hidden; } h1 { position: absolute; font-family: "Open Sans"; font-weight: 600; font-size: 12px; text-transform: uppercase; left: 50%; top: 58%; margin-left: -20px; } .body { position: absolute; top: 50%; margin-left: -50px; left: 50%; animation: speeder 0.4s linear infinite; } .body > span { height: 5px; width: 35px; background: #000; position: absolute; top: -19px; left: 60px; border-radius: 2px 10px 1px 0; } .base span { position: absolute; width: 0; height: 0; border-top: 6px solid transparent; b.........完整代码请登录后点击上方下载按钮下载查看
网友评论0