LeaVerou / css3patterns

The popular CSS3 patterns gallery, now on Github :)
https://leaverou.github.io/css3patterns/
MIT License
1.44k stars 262 forks source link

Added Stairs pattern. #19

Closed Misterlogan closed 12 years ago

Misterlogan commented 12 years ago

Hi, this pattern is of alternating angled and vertical lines.

LeaVerou commented 12 years ago

Hi there,

Is this the pattern you’re submitting? http://dabblet.com/gist/3173713

Misterlogan commented 12 years ago

Hmm, that's strange, it works loaded from my computer, but it's obviously broken here...

I'll post a working version through dabblet, sorry about that.

Misterlogan commented 12 years ago

http://dabblet.com/gist/3173777

I don't know why, but my computer was loading angles from a different starting position.

LeaVerou commented 12 years ago

You were probably using an old version of -prefix-free, whether as standalone or in an older version of the gallery itself. I updated it yesterday http://lea.verou.me/2012/07/important-prefix-free-update/

The pattern looks cool, I just have a hunch it could be done with fewer gradients. Will look into it and let you know.

Misterlogan commented 12 years ago

Oh yeah, I saw that update but it didn't really register.

I think I got it to three on paper, I'll try putting it together.

Misterlogan commented 12 years ago

Here's with three. http://dabblet.com/gist/3173864

LeaVerou commented 12 years ago

This is great. Not only because the code is smaller, but also because it's much easier to change the colors, just in one place for the darker color.

I'm going out for dinner, feel free to send a pull request in the meantime and I'll accept it after I come back. Don't forget to pull first, to get the changes in the gallery, otherwise I won't be able to merge it.

Misterlogan commented 12 years ago

Alright, thanks. =)