一个div实现一个wifi图标布局效果

代码语言:html

所属分类:布局界面

代码描述:一个div实现一个wifi图标布局效果

代码标签: 一个 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