paulswansea wrote:
Hi, I'm looking for a jquery plugin that does the 'rays' effect on http://scripty2.com/ i've had a look, but can't seem to find anything, I was wondering if anyone had come across something like this before?
Looking at the generated code, it's an svg which is being transformed by changing the values in rotate().
<svg width="700" height="700"><defs><radialgradient id="raphael-gradient-0"><stop offset="0%" stop-color="#9ed356"/><stop offset="100%" stop-color="#97be63" stop-opacity="0"/></radialgradient></defs><path fill="url(#raphael-gradient-0)" stroke="none" style="opacity: 1;" opacity="1" fill-opacity="1" d="M350.000 350.000 L350.000 350.000 L700.000 350.000 L694.683 289.223 L350.000 350.000 L678.892 230.293 L653.109 175.000 L350.000 350.000 L618.116 125.024 L574.976 81.884 L350.000 350.000 L525.000 46.891 L469.707 21.108 L350.000 350.000 L410.777 5.317 L350.000 0.000 L350.000 350.000 L289.223 5.317 L230.293 21.108 L350.000 350.000 L175.000 46.891 L125.024 81.884 L350.000 350.000 L81.884 125.024 L46.891 175.000 L350.000 350.000 L21.108 230.293 L5.317 289.223 L350.000 350.000 L0.000 350.000 L5.317 410.777 L350.000 350.000 L21.108 469.707 L46.891 525.000 L350.000 350.000 L81.884 574.976 L125.024 618.116 L350.000 350.000 L175.000 653.109 L230.293 678.892 L350.000 350.000 L289.223 694.683 L350.000 700.000 L350.000 350.000 L410.777 694.683 L469.707 678.892 L350.000 350.000 L525.000 653.109 L574.976 618.116 L350.000 350.000 L618.116 574.976 L653.109 525.000 L350.000 350.000 L678.892 469.707 L694.683 410.777 Z " transform="rotate(499.793, 350, 350)"/></svg>
So the only thing you really need js for is the animation, which you can easily do without even using a framework.
Keep in mind that this thing probably only works in the most recent versions of Safari , Chrome and Firefox
Jonathan -- Jonathan Vanherpe - Tallieu & Tallieu NV - jonat...@tnt.be
