Discussion on: CSS Battle #8 - Forking Crazy

[Beloron247]

I have used box-shadow.

p {
    margin:50px auto;
    width:20px;
    height:110px;
    border-radius:100px;
    background:#6592CF;
    box-shadow:20px 0 #060F55,
                -20px 0 #060F55,
                40px 0 #6592CF,
                -40px 0 #6592CF,
                60px 0 #060F55,
                -60px 0 #060F55,
                0 -190px 0 100px #6592CF,
                0 30px 0 60px #060F55,
                0 150px 0 #060F55,
                0 0 0 400px #6592CF;
  }

[zizifn]

Nice!! I only use box-shadow for fork pointed, other part are too abstract when use box-shadow.

[wavesforthemasses]

My solution, based on your:

<p><style>*{background:#6592CF}p{zoom:10;margin:5 auto;width:2;height:11;border-radius:1in;box-shadow:2px 0#060F55,-2px 0#060F55,4px 0#6592CF,-4px 0#6592CF,6px 0#060F55,-6px 0#060F55,0-19px 0 10px#6592CF,0 3px 0 6px#060F55,0 15px 0#060F55