Skip to content

Latest commit

 

History

History
48 lines (43 loc) · 1.02 KB

041-fox-head.md

File metadata and controls

48 lines (43 loc) · 1.02 KB
Raw

#41 Fox Head

GO TO THE PROBLEM

#41 Fox Head

Solutions

<div class="left-side"></div>
<div class="right-side"></div>
<style>
  body {
    background: #293462;
  }
  div {
    position: absolute;
    top: 180px;
    left: 150px;
    width: 50px;
    height: 150px;
    border-radius: 0 40px 0 0;
    box-shadow: 0 -100px #fe5f55;
  }
  div::after {
    content: '';
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #293462;
    position: absolute;
    left: 15px;
    top: -40px;
  }
  .right-side {
    left: 200px;
    transform: scaleX(-1);
  }
</style>
<a a><a b><a c><style>*{background:#293462}a{position:fixed}[a],[b]{top:180;width:50;height:200;box-shadow:0-100px#FE5F55}[a]{left:150;border-radius:0 40px 0 0}[b]{left:200;border-radius:40px 0 0 0}[c]{top:140;left:165;background:#293462;width:30;height:30;border-radius:50%;box-shadow:40px 0#293462