Skip to content

Commit

Permalink
Update post
Browse files Browse the repository at this point in the history
  • Loading branch information
wgao19 committed Mar 3, 2019
1 parent 79f0173 commit 06f45c2
Showing 1 changed file with 5 additions and 8 deletions.
13 changes: 5 additions & 8 deletions site/content/blog/day-7-8--heart-beyond-css/index.md
Expand Up @@ -5,25 +5,22 @@ date: '2019-03-03'

# Seeing the Limit of Drawing with CSS

We may soon feel obstructed trying to draw with CSS.
After all, CSS is not designed for drawing.
Consider [this design, Nintendo Switch](https://dribbble.com/shots/3348456-Nintendo-Switch) by [Louie Mantia](https://dribbble.com/mantia).
I was trying to implement this design [this design, Nintendo Switch](https://dribbble.com/shots/3348456-Nintendo-Switch) by [Louie Mantia](https://dribbble.com/mantia).
From time to time I'd hit a boundary and realize that CSS is not intended for drawing.
But the attempts are still fun.

![](https://cdn.dribbble.com/users/763/screenshots/3348456/switch.png)

Is it possible to draw with CSS?

## Objectives

Turns out you can resemble it fairly nicely without much hassle, except perhaps for the heart with curled boundaries.
It was a lot of fun, though.
Turns out you can resemble it fairly nicely without too much hassle.
So please give it a try.
Give the heart a try, too.
Give the curled heart a try, too.

[Just a hint](https://codepen.io/wgao19/pen/vvZoQW), as always.

## Reading

[CSS Selectors](https://drafts.csswg.org/css2/selector.html)

<!-- TODO: Add questions here -->

0 comments on commit 06f45c2

Please sign in to comment.