I'm using CSS3 multiple backgrounds with percentage positioning. The result is a REALLY nice depth perception effect when you resize the browser window.
This is a screen shot of actual site scaled down a bit.
Code looks something like this but still is rough:
background: url("images/wheat.png") 80% top repeat, url("images/ground.png") 20% top repeat,
url("images/sky.jpg") center top repeat;
almost 3 years ago
I couldn't put together with photoshop let alone CSS...
Dude, that's awesome.
Thanks guys! Hoping to have at least a demo up soon. Image file size is becoming worrisome... any rock star optimization tips are welcome...
F' this thing is amazing!
Wow, really nice.
Did Matthew Lyons do the illustrations for you?
over 2 years ago
Flattered you think it was actually Lyons who did the illustration. It's all my work although inspired by him.
Our branding has that atomic retro-future feel to it. That's why I went in that direction with the illustration.
Glad you like it!
Has it been uploaded yet?
This sure sounds/looks hot - can I see the finished version somewhere? (The CSS3-one)
Yes Milos and Eric. It can be seen here... http://blog.hardlycode.com/
I warn you the blog has not been officially announced as we're still working on bugs, content and beautification. We've been busy with clients (which is good) but this keeps delaying our official release of the blog.
That's some hot stuff, blog looks stunning!
Best I've seen in a while.
Great work you two, cheers!
Looking good. I really love the yellow accent. It brings it all together.
Man, I enjoy your cool style! Keep it up! The simple shapes and the detailed textures creates an awesome mood in your work.
love this one Rick
Real good looking stuff Rick. Love the textures.
@Ryan Yus. I talk about that a few posts earlier ^ I actually changed the wheat in the final version because it was a little too close to his.
really love the softness of this!
about 2 years ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter