codepens/svg-gradient-wave-generator/dist/style.css

40 lines
621 B
CSS

*, *:before, *:after {
box-sizing: border-box;
}
body {
padding: 0;
margin: 0;
height: 100vh;
overflow: hidden;
font-family: "Roboto", sans-serif;
background: url(https://github.com/supahfunk/gradientwaves-svg/blob/master/dist/img/bg-gradient-wave.png?raw=true) repeat center/cover;
}
svg {
width: 100vw;
height: 100vh;
}
svg.path path {
stroke: none;
}
svg.stroke path {
fill: none;
stroke-width: 1px;
}
svg .circle {
fill: #fff;
}
.the-most {
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
width: 50vw;
max-width: 100px;
padding: 10px;
}
.the-most img {
max-width: 100%;
}