How would you code this: Grid-breaking shapes
Posted
by BeachRunnerJoe
on Stack Overflow
See other posts from Stack Overflow
or by BeachRunnerJoe
Published on 2009-08-06T01:58:27Z
Indexed on
2010/06/02
6:43 UTC
Read the original article
Hit count: 183
I'm a person that learns best from example. Currently, I'm diving into the field of Web Development after fifteen years of developing desktop apps. I'm still getting used to all the web technologies used for developing modern web sites and everywhere I look, I see cool little UI elements and question how they're implemented. So I thought I'd ask you, the web experts...the wexperts :)
What are some straight forward or creative ways you could code this grid-breaking arrow...
The basic layout for this page looks like...
- What would the html/css code look like?
- Would you split the image into multiple images or could you use a single image?
I'm sure this is a really simple concept and it completely boggles me. I'm sorry if this is a strange question, remember I'm a noob! :)
Thanks in advance for all your help!
Here's a link to the original tutorial where I found these images
© Stack Overflow or respective owner