Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Arrows pattern #13

Merged
merged 2 commits into from

2 participants

jroenf Lea Verou
jroenf

Hi Lea,

Here is the pattern I showed you a while ago, the one with the diagonal arrows.

Cheers,
Jeroen

Lea Verou LeaVerou merged commit 45ecbcb into from
Lea Verou
Owner

Awesome, thanks! Here you go: http://lea.verou.me/css3patterns/#arrows

jroenf

Wow, that's fast. Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Jan 31, 2012
  1. jroenf

    Added arrows pattern

    jroenf authored
  2. jroenf

    one color stop less

    jroenf authored
This page is out of date. Refresh to see the latest.
Showing with 9 additions and 1 deletion.
  1. +9 −1 index.html
10 index.html
View
@@ -26,7 +26,15 @@
<li>Enjoy!</li>
</ul>
<ul id="patterns">
- <li style="background:
+ <li style="background:
+linear-gradient(45deg, #92baac 45px, transparent 45px),
+linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px,
+linear-gradient(225deg, transparent 46px, #e1ebbd 46px, #e1ebbd 91px, transparent 91px),
+linear-gradient(-45deg, #92baac 23px, transparent 23px, transparent 68px,#92baac 68px,#92baac 113px,transparent 113px,transparent 158px,#92baac 158px);
+background-color:#e1ebbd;
+background-size: 128px 128px" title="Arrows" data-author="Jeroen Franse" data-author-url="http://twitter.com/jroenf"></li>
+
+ <li style="background:
linear-gradient(315deg, #ECEDDC 25%, transparent 25%) -50px 0,
linear-gradient(225deg, #ECEDDC 25%, transparent 25%) -50px 0,
linear-gradient(135deg, #ECEDDC 25%, transparent 25%),
Something went wrong with that request. Please try again.