- object.svg
- style.css
SVG
<svg height="250" width="330">
<rect class="leg" width="15" height="30" x="180" y="210" rx="2" fill="black" />
<rect class="leg" width="15" height="30" x="5" y="190" rx="10" fill="black" />
<rect class="case" width="300" height="200" x="20" y="25" rx="30" fill="dimgray" />
<rect class="screen" width="200" height="160" x="30" rx="10" fill="deepskyblue" />
<rect class="panel" width="80" height="110" x="200" y="50" fill="black" />
<rect class="button" width="20" height="10" x="245" y="70" rx="2" fill="red" />
<rect class="button" width="30" height="30" x="265" y="95" rx="4" fill="gold" />
<rect class="button" width="40" height="20" x="225" y="120" rx="7" fill="lime" />
</svg>
CSS
svg {
border: 1px solid #dddddd;
}
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.