一个div实现一个wifi图标布局效果
代码语言:html
所属分类:布局界面
代码描述:一个div实现一个wifi图标布局效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> :root { --wave-color: #fff; --counter-color: #000; } html, body, div { margin: 0; padding: 0; border: 0; background-color: var(--counter-color); } .init { text-align: center; min-height: 400px; position: relative; } .init div { position: absolute; top: 20%; left: 47%; } .wifi { background-image: radial-gradient(circle at 1px 1px, var(--wave-color) 10px, transparent 11px), radial-gradient(circle at.........完整代码请登录后点击上方下载按钮下载查看
网友评论0