CSS Battle 19 headphones

황상진·2022년 8월 3일
0

CSS-Battle

목록 보기
8/10

CSS Battle 19 headphones

<div class="upper">
  <div class="inside"></div>
</div>
<div class="L"></div>
<div class="R"></div>
<style>
  body{
    background:#293D7E;
  }
  .upper{
    position:fixed;
    left:115px;
    top:45px;
    background:#6E91CA;
    width:170px;
    height:120px;
    border-top-left-radius:85px;
    border-top-right-radius:85px;
  }
  .inside{
    position:fixed;
    left:135px;
    top:65px;
    background:#293D7E;
    width:130px;
    height:100px;
    border-top-left-radius:65px;
    border-top-right-radius:65px;
  }
  .L{
    position:fixed;
    background:#6E91CA;
    top:165px;
    left:115px;
    width:60px;
    height:80px;
    border-top-right-radius:20px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
  }
  .R{
    position:fixed;
    background:#6E91CA;
    top:165px;
    left:225px;
    width:60px;
    height:80px;
    border-top-left-radius:20px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
  }
</style>
profile
Web FrontEnd Developer

0개의 댓글