div+css实现滚筒洗衣机转动loading加载动画效果代码
代码语言:html
所属分类:加载滚动
代码描述:div+css实现滚筒洗衣机转动loading加载动画效果代码
代码标签: div css 滚筒 洗衣机 转动 loading 加载 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" /> <title>BFW NEW PAGE</title> <style> .loader { margin: 100px auto; width: 120px; height: 150px; background-color: #fff; background-repeat: no-repeat; background-image: linear-gradient(#ddd 50%, #bbb 51%), linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, #0000 55%), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, #0000 55%), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, #0000 55%); background-position: 0 20px, 45px 0, 8px 6px, 55px 3px, 75px 3px, 95px 3px; background-size: 100% 4px, 1px 23px, 30px 8px, 15px 15px, 15px 15px, 15px 15px; position: relative; border-radius: 6%; animation: shake 3s ease-in-out infinite; transform-origin: 60px 180px; } .loader:before { content: ""; position: absolute; left: 5px; top: 100%; width: 7px; height: 5px; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0