search

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 5 new patterns #32

Closed notsolucky closed 8 years ago

notsolucky commented 9 years ago

in order Honeycomb, Wave, Tree, Pyramid and Chocolate Weave Preview on dabblet.com: http://dabblet.com/gist/6924eace082562570caf

LeaVerou commented 9 years ago

Thanks! Can you please wrap the code so that it’s not one super long line? (some horizontal scrolling is ok, but when the line is twice the width of an average viewport or longer, it needs wrapping) It’s hard to evaluate them this way.

notsolucky commented 9 years ago

OK, added line-breaks. Note that the honeycomb pattern looks less flattering in the current version of Firefox, because of some transparency fading/blending issues, in the upcoming version 36 this seems to be fixed

notsolucky commented 9 years ago

I changed the code to render better in the current Firefox 34 and earlier. Details are in the commit description. also updated it on dabblet.com

LeaVerou commented 9 years ago

Hey, sorry for the delay. I left a few comments on them.

Also, could you please set the color stop positions of every stop that has the same position as the previous one to 0? this way they can be changed in one place only, and the browsers adjusts them to be the same. E.g. linear-gradient(red 50%, white 50%) would become linear-gradient(red 50%, white 0). Thanks!

notsolucky commented 9 years ago

No Problem, I am busy right now as well. As you suggested, I quickly changed the color stops and removed one superfluous gradient on the pyramid pattern among other little changes.

LeaVerou commented 8 years ago

Sorry for the 1 year delay, merged it now, thanks!